@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-links.active{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.submit-message{border-radius:4px;font-weight:500;margin-top:10px;padding:10px;text-align:center}body.dark-theme .skills-grid .skill-card{background:#232b36;box-shadow:0 2px 8px #0003;color:#e5e7eb}body.dark-theme .skill-item h4,body.dark-theme .skills-grid .skill-card i{color:#60a5fa}body.dark-theme .project-links a{color:#000}body.dark-theme .skills-grid .skill-card .progress-bar,body.dark-theme .skills-grid .skill-card h3,body.dark-theme .skills-grid .skill-card p{color:#e5e7eb!important}body.dark-theme .skills-grid .skill-card .progress-bar-bg{background:#374151}body.dark-theme .skills-grid .skill-card .progress-bar{background:#60a5fa}body.dark-theme .skill-item{background-color:#1f2937;background-color:var(--dark-color);color:#e5e7eb}body.dark-theme .skill-item .progress-bar{background-color:#374151}body.dark-theme .hero-content h1,body.dark-theme .hero-content h2,body.dark-theme .hero-content p{color:#e5e7eb}body.dark-theme .btn-primary{background:#60a5fa}body.dark-theme .btn-secondary{background:#374151;border:1.5px solid #60a5fa;color:#e5e7eb}body.dark-theme .social-icons a,body.dark-theme .social-links a{background:#374151;color:#60a5fa}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--dark-color:#1f2937;--darkbg-color:#1f2937;--light-color:#f9fafb;--gray-color:#6b7280;--border-color:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition:all 0.3s ease}body.dark-theme{--primary-color:#60a5fa;--secondary-color:#2563eb;--accent-color:#3b82f6;--dark-color:#f9fafb;--darkbg-color:#394555;--light-color:#1f2937;--gray-color:#d1d5db;--border-color:#374151;background-color:#f9fafb;background-color:var(--light-color)}body.dark-theme,body.dark-theme .btn,body.dark-theme .footer-bottom,body.dark-theme .section-header h2{color:#1f2937;color:var(--dark-color)}body.dark-theme .dropdown-content,body.dark-theme .nav-links,body.dark-theme header{background-color:#f9fafb;background-color:var(--light-color)}body.dark-theme .dropdown-content .portfolio-link:hover,body.dark-theme .dropdown-content a:hover{background-color:#ffffff1a}body.dark-theme .btn-primary{background:#2563eb;background:var(--primary-color);color:#fff}body.dark-theme .btn-secondary{background:#6b7280;background:var(--gray-color);color:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--light-color);color:#1f2937;color:var(--dark-color);font-family:Poppins,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-header{margin-bottom:50px;text-align:center}.section-header h2{color:#1f2937;color:var(--dark-color);font-size:2.5rem;font-weight:700;margin-bottom:10px}.underline{background:#2563eb;background:var(--primary-color);height:4px;margin:0 auto;width:70px}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-weight:500;padding:12px 30px;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1e40af;background-color:var(--secondary-color)}.btn-secondary{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary-color);color:#1f2937;color:var(--dark-color)}.btn-secondary:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-small{border-radius:4px;font-size:.9rem;padding:8px 15px}section{padding:100px 0}header{background-color:#fff;box-shadow:0 2px 10px #0000001a;left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1000}header .container{align-items:center;display:flex;justify-content:space-between}.logo h1{font-size:1.8rem;font-weight:700}.logo span{color:#2563eb;color:var(--primary-color)}.nav-links{align-items:center;display:flex}.nav-links li{margin-left:30px}.nav-links a{font-weight:500;transition:all .3s ease;transition:var(--transition)}.nav-links a:hover{color:#2563eb;color:var(--primary-color)}.nav-button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-button:hover{color:#2563eb;color:var(--primary-color)}.nav-button:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color);outline-offset:2px}.portfolio-dropdown{position:relative}.dropdown-content{background-color:#fff;border-radius:5px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);display:none;left:0;min-width:200px;padding:10px 0;position:absolute;top:100%;z-index:1}.dropdown-content .portfolio-link,.dropdown-content a{color:inherit;display:block;padding:10px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.dropdown-content .portfolio-link:hover,.dropdown-content a:hover{background-color:#f1f5f9}.portfolio-dropdown:hover .dropdown-content{display:block}.hamburger{cursor:pointer;display:none}.bar{background-color:#1f2937;background-color:var(--dark-color);display:block;height:3px;margin:5px auto;transition:all .3s ease;transition:var(--transition);width:25px}.hero{padding-bottom:100px;padding-top:150px}.hero .container{align-items:center;display:flex;justify-content:space-between}.hero-content{flex:1 1;padding-right:50px}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:10px}.hero-content h1 span{color:#2563eb;color:var(--primary-color)}.hero-content h2{font-size:1.8rem;font-weight:600;margin-bottom:20px}.hero-content h2,.hero-content p{color:#6b7280;color:var(--gray-color)}.hero-content p{font-size:1.1rem;margin-bottom:30px}.hero-buttons{margin-bottom:30px}.hero-buttons,.social-icons{display:flex;gap:15px}.social-icons a{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#1f2937;color:var(--dark-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-icons a:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.hero-image{display:flex;flex:1 1;justify-content:flex-end}.hero-image img{border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);max-width:80%}.about-content{align-items:center;display:flex;gap:50px}.about-image{flex:1 1}.about-image img{border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow)}.about-text{flex:1 1}.about-text h3{color:#2563eb;color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:20px}.about-text p{color:#6b7280;color:var(--gray-color);margin-bottom:20px}.about-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.detail{align-items:center;display:flex;gap:15px}.detail i{color:#2563eb;color:var(--primary-color);font-size:1.5rem}.detail h4{font-weight:600;margin-bottom:5px}.detail p{margin-bottom:0}.skills-content{display:flex;flex-direction:column;gap:50px}.skill-category h3{color:#2563eb;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:30px}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.skill-item{background-color:#fff;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);padding:30px 20px;text-align:center;transition:all .3s ease;transition:var(--transition)}.skill-item:hover{transform:translateY(-5px)}.skill-icon{color:#2563eb;color:var(--primary-color);font-size:2.5rem;margin-bottom:15px}.skill-item h4{font-weight:600;margin-bottom:15px}.progress-bar{background-color:#e5e7eb;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden}.progress{background-color:#2563eb;background-color:var(--primary-color);border-radius:10px;height:100%}.project-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{background-color:#f1f5f9;border:none;border-radius:50px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.project-item{background-color:#141321;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);height:20vh;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.project-item:hover{transform:translateY(-5px)}.project-img{height:100%;overflow:hidden;position:relative}.project-img img,.project-overlay{transition:all .3s ease;transition:var(--transition)}.project-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%}.project-item:hover .project-overlay{opacity:1}.project-item:hover .project-img img{transform:scale(1.1)}.project-info{color:#fff;padding:20px;text-align:center}.project-info h3{font-size:1.5rem;font-weight:600;margin-bottom:10px;word-break:break-word}.project-info p{color:#d1d5db;font-size:1rem;margin-bottom:20px;word-break:break-word}.project-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.project-links a{background-color:#fff;color:#1f2937;color:var(--dark-color)}.project-links a:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.testimonial-slider{overflow:hidden;padding:20px 0;position:relative}.testimonial-track{display:flex;transition:transform .5s ease}.testimonial{min-width:100%;padding:0 15px}.testimonial-content{border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);padding:40px 30px;position:relative}.quote-icon{color:#2563eb;color:var(--primary-color);font-size:2rem;margin-bottom:20px;opacity:.2}.testimonial-content p{color:#6b7280;color:var(--gray-color);font-style:italic;margin-bottom:30px}.client-info{align-items:center;display:flex;gap:15px}.client-info img{border-radius:50%;height:60px;object-fit:cover;width:60px}.client-info h4{font-weight:600;margin-bottom:5px}.client-info p{font-size:.9rem;font-style:normal;margin-bottom:0}.slider-controls{margin-top:30px}.next-btn,.prev-btn,.slider-controls{align-items:center;display:flex;justify-content:center}.next-btn,.prev-btn{background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;height:40px;transition:all .3s ease;transition:var(--transition);width:40px}.next-btn:hover,.prev-btn:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.slider-dots{display:flex;gap:10px;margin:0 20px}.dot{background-color:#e5e7eb;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;transition:var(--transition);width:10px}.dot.active{background-color:#2563eb;background-color:var(--primary-color)}.contact-content{display:flex;gap:50px}.contact-form,.contact-info{flex:1 1}.contact-form h3,.contact-info h3{color:#2563eb;color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:20px}.contact-info p{color:#6b7280;color:var(--gray-color);margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contact-item{align-items:center;display:flex;gap:15px}.contact-item i{color:#2563eb;color:var(--primary-color);font-size:1.5rem}.contact-item h4{font-weight:600;margin-bottom:5px}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#f1f5f9;border-radius:50%;color:#1f2937;color:var(--dark-color);display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.social-links a:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:5px;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color);outline:none}.form-group textarea{height:150px;resize:none}footer{background-color:#1f2937;background-color:var(--darkbg-color);color:#fff;padding:80px 0 20px}.footer-content{display:flex;justify-content:space-between;margin-bottom:50px}.footer-logo h2{font-size:2rem;font-weight:700;margin-bottom:10px}.footer-logo span{color:#2563eb;color:var(--primary-color)}.footer-logo p{color:#d1d5db}.footer-links h3,.footer-newsletter h3{font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-links ul{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#d1d5db;transition:all .3s ease;transition:var(--transition)}.footer-links a:hover{color:#fff}.footer-newsletter p{color:#d1d5db;margin-bottom:15px}.newsletter-form{display:flex}.newsletter-form input{border:none;border-radius:5px 0 0 5px;flex:1 1;font-family:inherit;padding:10px 15px}.newsletter-form button{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:0 20px;transition:all .3s ease;transition:var(--transition)}.newsletter-form button:hover{background-color:#1e40af;background-color:var(--secondary-color)}.footer-bottom{border-top:1px solid #374151;color:#d1d5db;display:flex;font-size:.9rem;justify-content:space-between;padding-top:20px}.footer-bottom i{color:#ef4444}@media (max-width:1024px){.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){section{padding:80px 0}.hamburger{display:block}.nav-links{background-color:#fff;box-shadow:0 10px 15px -3px #0000001a;flex-direction:column;left:-100%;padding:20px;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-links.active{left:0}.nav-links li{margin:15px 0}.dropdown-content{box-shadow:none;display:none;min-width:100%;position:static}.portfolio-dropdown:hover .dropdown-content{display:none}.portfolio-dropdown.active .dropdown-content{display:block}.hero .container{flex-direction:column;text-align:center}.hero-content{margin-bottom:50px;padding-right:0}.hero-buttons,.hero-image,.social-icons{justify-content:center}.about-content,.contact-content,.footer-content{flex-direction:column}.footer-content{gap:30px}}@media (max-width:576px){.about-details,.projects-grid,.skills-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.project-info{font-size:.95rem;max-height:70vw}}.work-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.back-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.work-page-title{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:20px}.work-page-description{color:#555;font-size:1.2rem;line-height:1.6;max-width:600px}@media (max-width:768px){.back-btn{font-size:1rem;left:15px;padding:8px 16px 8px 12px;top:15px}.work-page-title{font-size:2rem}.work-page-description{font-size:1.1rem;padding:0 15px}}
/*# sourceMappingURL=main.1cb99535.css.map*/