body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fff;color:#000;padding-top:76px}.navbar-custom{background-color:#f8f9fa;display:flex;justify-content:space-between;padding:0 20px;position:fixed;left:0;right:0;top:0;z-index:1050;box-shadow:0 2px 8px rgba(0,0,0,.08)}.navbar-custom .nav-link{color:#000;font-size:1.2rem;font-weight:500;margin-left:20px;margin-right:20px}.dark-mode{background-color:#121212;color:#fff}.dark-mode .navbar-custom{background-color:#333}.dark-mode .navbar-custom .nav-link{color:#fff;font-size:1.2rem;font-weight:500}.dark-mode .hero-container{background-color:#333}.dark-mode .portfolio-container{background-color:#444}.dark-mode .about-container{background-color:#333}.dark-mode .contact-container{background-color:#222}.brand-name{font-family:Poppins,sans-serif;font-weight:700;font-size:2rem;color:#333;display:inline-block}body.dark-mode .brand-name{color:#fff}.navbar-custom .nav-link:hover{color:#007bff}body.dark-mode .navbar-custom .nav-link:hover{color:#66c2ff}.dark-mode-toggle-btn{color:#000}body.dark-mode .dark-mode-toggle-btn{color:#fff}.hero-container{position:relative;width:100%;height:100vh}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}.hero-content{position:absolute;top:20%;left:50%;transform:translate(-50%,-20%);color:#fff;text-align:center;z-index:10;padding:30px;background-color:rgba(0,0,0,.6);border-radius:10px;width:80%;max-width:600px;box-shadow:0 4px 10px rgba(0,0,0,.5)}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:20px}.hero-content p{font-size:1.2rem;margin-bottom:20px}.dark-mode .hero-video{opacity:1}.dark-mode .hero-content h1,.dark-mode .hero-content p{color:#f5f5f5}#about{background-color:#f9f9f9;color:#000;padding:50px 0}#about h2{font-size:2.5rem;margin-bottom:30px}#about h2,#about h3{color:#333;font-weight:700}#about h3{font-size:1.75rem;margin-bottom:15px}#about p{color:#555;font-size:1rem;line-height:1.8;text-align:justify;margin-bottom:30px}.about-video-container{margin-top:20px;border-radius:10px;overflow:hidden}.dark-mode #about{background-color:#333;color:#fff}.dark-mode #about h2,.dark-mode #about h3{color:#fff}.dark-mode #about p{color:#ccc}.dark-mode .about-video-container video{border:2px solid #fff}.dark-mode .btn-primary{background-color:#444;border:1px solid #fff}.dark-mode .btn-primary:hover{background-color:#555}.btn-primary{background-color:#007bff;color:#fff;font-size:1rem;padding:10px 20px;border-radius:5px}.btn-primary:hover{background-color:#0056b3;color:#fff}.portfolio-section{background-color:#f9f9f9;padding:56px 0;color:#333}.portfolio-section h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:30px}.portfolio-section .row{grid-row-gap:24px;row-gap:24px}.portfolio-item{background-color:#fff;border:1px solid #ddd;border-radius:10px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,.08);width:100%;min-height:100%;padding:12px;display:flex;flex-direction:column}.portfolio-item img{width:100%;height:220px;object-fit:cover;border-radius:8px}.portfolio-item h3{font-size:1.2rem;margin:12px 0 8px;color:#333}.portfolio-item p{font-size:1rem;line-height:1.5;color:#666;margin-bottom:16px}.portfolio-item .btn-primary{margin-top:auto;align-self:flex-start;background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:5px;text-decoration:none}.portfolio-item .btn-primary:hover{background-color:#0056b3}.dark-mode .portfolio-section{background-color:#333;color:#fff}.dark-mode .portfolio-section h2{color:#fff}.dark-mode .portfolio-item{background-color:#555;border:1px solid #666;color:#fff}.dark-mode .portfolio-item h3{color:#fff}.dark-mode .portfolio-item p{color:#ccc}.dark-mode .portfolio-item .btn-primary{background-color:#444;color:#fff}.dark-mode .portfolio-item .btn-primary:hover{background-color:#666}@media (max-width:768px){.portfolio-section{padding:48px 0}.portfolio-section h2{font-size:2rem}.portfolio-item img{height:190px}}.skills-section{background:#f8f9fa}.skill-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 10px;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.06)}body.dark-mode .skills-section{background:#1f1f1f}body.dark-mode .skill-card{background:#2b2b2b;border-color:#3b3b3b;color:#f5f5f5}.services-section{background:#fff}.service-card{background:#f8f9fa;border-radius:12px;border:1px solid #e5e7eb;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.service-card h3{font-size:1.25rem;margin-bottom:10px}.service-card p{margin-bottom:0}body.dark-mode .services-section{background:#191919}body.dark-mode .service-card{background:#2b2b2b;border-color:#3b3b3b;color:#f5f5f5}.contact-section{background-color:#f9f9f9;color:#333;padding:64px 0}.contact-section h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:24px}.contact-section .col-md-6{max-width:680px}.contact-section form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.06)}.contact-section .form-group{margin-bottom:14px}.contact-section .form-group label{color:#333;margin-bottom:6px}.contact-section .form-control{background-color:#fff;color:#333;border:1px solid #ddd;border-radius:5px}.contact-section .btn-primary{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;margin-top:10px}.contact-section .btn-primary:hover{background-color:#0056b3}.contact-section .mt-3{margin-top:12px!important}.dark-mode .contact-section{background-color:#333;color:#fff}.dark-mode .contact-section form{background-color:#2b2b2b;border-color:#3b3b3b}.dark-mode .contact-section .form-group label,.dark-mode .contact-section h2{color:#fff}.dark-mode .contact-section .form-control{background-color:#555;color:#fff;border:1px solid #666}.dark-mode .contact-section .btn-primary{background-color:#444;color:#fff}.dark-mode .contact-section .btn-primary:hover{background-color:#666}
/*# sourceMappingURL=main.39ec4f97.chunk.css.map */