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}.navbar{background-color:var(--background-color);box-shadow:0 2px 10px var(--shadow-color);padding:var(--spacing-sm) 0;position:sticky;top:0;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);z-index:100}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.navbar .navbar-logo{font-weight:700;text-decoration:none}.navbar .menu-icon,.navbar .navbar-logo{color:var(--text-color);font-size:var(--font-size-xl)}.navbar .menu-icon{cursor:pointer;display:none}.navbar .nav-menu{display:flex;list-style:none;margin:0;padding:0}.navbar .nav-menu .nav-item{margin-left:var(--spacing-md)}.navbar .nav-menu .nav-item .nav-link{border-radius:var(--border-radius-md);color:var(--text-color);font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar .nav-menu .nav-item .nav-link:hover{color:var(--primary-color)}.navbar .nav-menu .nav-item .nav-link.active{color:var(--primary-color);font-weight:600}.navbar .theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:var(--font-size-lg);justify-content:center;padding:var(--spacing-xs);transition:background-color var(--transition-fast),color var(--transition-fast)}.navbar .theme-toggle:hover{background-color:var(--card-bg-color);color:var(--primary-color)}@media(max-width:768px){.navbar .menu-icon{display:block}.navbar .nav-menu{background-color:var(--background-color);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:0 4px 10px var(--shadow-color);display:flex;flex-direction:column;left:0;padding:var(--spacing-md) 0;position:absolute;top:100%;transform:translateY(-150%);transition:transform var(--transition-normal);width:100%;z-index:1}.navbar .nav-menu.active{transform:translateY(0)}.navbar .nav-menu .nav-item{margin:0;text-align:center;width:100%}.navbar .nav-menu .nav-item .nav-link{display:block;padding:var(--spacing-sm) var(--spacing-md);width:100%}.navbar .nav-menu .nav-item .nav-link:hover{background-color:var(--card-bg-color)}}.footer{background-color:var(--card-bg-color);margin-top:var(--spacing-xl);padding:var(--spacing-md) 0}.footer .footer-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.footer .footer-content{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.footer .footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}.footer .footer-copyright p{color:var(--text-color);margin-bottom:var(--spacing-xs);opacity:.8}.footer .footer-copyright .heart-icon{animation:heartbeat 1.5s infinite;color:var(--secondary-color);margin:0 4px}.footer .footer-social{display:flex;gap:var(--spacing-md)}.footer .footer-social a{color:var(--text-color);font-size:var(--font-size-lg);transition:color var(--transition-fast),transform var(--transition-fast)}.footer .footer-social a:hover{color:var(--primary-color);transform:translateY(-3px)}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}.home-section{align-items:center;display:flex;min-height:calc(100vh - 80px);padding:var(--spacing-xl) 0}.home-section .hero-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md);width:100%}@media(max-width:992px){.home-section .hero-container{flex-direction:column-reverse;text-align:center}}.home-section .hero-content{flex:1 1;max-width:600px}@media(max-width:992px){.home-section .hero-content{margin-top:var(--spacing-lg);max-width:100%}}.home-section .hero-title{font-size:var(--font-size-xxxl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-sm)}.home-section .hero-title .highlight{color:var(--primary-color)}@media(max-width:768px){.home-section .hero-title{font-size:var(--font-size-xxl)}}.home-section .hero-subtitle{color:var(--secondary-color);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}@media(max-width:768px){.home-section .hero-subtitle{font-size:var(--font-size-lg)}}.home-section .hero-description{color:var(--text-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);opacity:.9}@media(max-width:768px){.home-section .hero-description{font-size:var(--font-size-md)}}.home-section .hero-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:992px){.home-section .hero-buttons{justify-content:center}}@media(max-width:576px){.home-section .hero-buttons{flex-direction:column;gap:var(--spacing-sm)}}.home-section .social-links{display:flex;gap:var(--spacing-md)}@media(max-width:992px){.home-section .social-links{justify-content:center}}.home-section .social-links a{color:var(--text-color);font-size:var(--font-size-xl);transition:color var(--transition-fast),transform var(--transition-fast)}.home-section .hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:500px}@media(max-width:992px){.home-section .hero-image{max-width:350px}}.home-section .hero-image .image-placeholder{align-items:center;background-color:var(--card-bg-color);border-radius:50%;box-shadow:0 10px 30px var(--shadow-color);color:var(--text-color);display:flex;font-weight:500;height:300px;justify-content:center;width:300px}@media(max-width:992px){.home-section .hero-image .image-placeholder{height:250px;width:250px}}@media(max-width:576px){.home-section .hero-image .image-placeholder{height:200px;width:200px}}.about-section{padding:var(--spacing-xl) 0}.about-section .about-content{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media(max-width:992px){.about-section .about-content{align-items:center;flex-direction:column;text-align:center}}.about-section .about-text{flex:1 1}.about-section .about-text h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.about-section .about-text p{font-size:var(--font-size-md);line-height:1.8;margin-bottom:var(--spacing-md)}.about-section .about-image{align-items:center;display:flex;flex:1 1;justify-content:center}.about-section .about-image .image-placeholder{align-items:center;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px var(--shadow-color);color:var(--text-color);display:flex;font-weight:500;height:350px;justify-content:center;width:350px}@media(max-width:992px){.about-section .about-image .image-placeholder{height:300px;width:300px}}@media(max-width:576px){.about-section .about-image .image-placeholder{height:250px;width:250px}}.about-section .services-container,.about-section .skills-container{margin-top:var(--spacing-xl)}.about-section .services-container h3,.about-section .skills-container h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.about-section .skills-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.about-section .skills-grid{grid-template-columns:1fr}}.about-section .skill-item{margin-bottom:var(--spacing-md)}.about-section .skill-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.about-section .skill-name{font-weight:600}.about-section .skill-percentage{color:var(--primary-color);font-weight:600}.about-section .skill-bar{background-color:var(--card-bg-color);border-radius:var(--border-radius-sm);height:10px;overflow:hidden}.about-section .skill-progress{background-color:var(--primary-color);border-radius:var(--border-radius-sm);height:100%}.about-section .services-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.about-section .service-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.about-section .service-icon{color:var(--primary-color);font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md)}.about-section .service-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.about-section .service-description{color:var(--text-color);font-size:var(--font-size-md);opacity:.9}.about-section .experience-container{margin-top:var(--spacing-xl)}.about-section .experience-container h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.about-section .experience-timeline{padding-left:50px;position:relative}.about-section .experience-timeline:before{background-color:var(--primary-color);content:"";height:100%;left:20px;position:absolute;top:0;width:2px}@media(max-width:576px){.about-section .experience-timeline{padding-left:40px}.about-section .experience-timeline:before{left:15px}}.about-section .experience-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative}.about-section .experience-item:last-child{margin-bottom:0}.about-section .experience-icon{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;left:-50px;position:absolute;top:0;width:40px;z-index:1}@media(max-width:576px){.about-section .experience-icon{font-size:var(--font-size-md);height:30px;left:-40px;width:30px}}.about-section .experience-content{background-color:var(--card-bg-color);border-radius:var(--border-radius-md);box-shadow:0 5px 15px var(--shadow-color);padding:var(--spacing-md)}.about-section .experience-content h4{color:var(--text-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.about-section .experience-content h5{color:var(--primary-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.about-section .experience-content .experience-period{align-items:center;color:var(--text-color-light);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.about-section .experience-content p{font-size:var(--font-size-md);line-height:1.6}.projects-section{padding:var(--spacing-xl) 0}.projects-section .filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.projects-section .filter-buttons .filter-button{background-color:var(--card-bg-color);border:none;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.projects-section .filter-buttons .filter-button.active,.projects-section .filter-buttons .filter-button:hover{background-color:var(--primary-color);color:#fff}.projects-section .projects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:576px){.projects-section .projects-grid{grid-template-columns:1fr}}.projects-section .project-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-md);box-shadow:0 5px 15px var(--shadow-color);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.projects-section .project-card:hover{box-shadow:0 10px 30px var(--shadow-color)}.projects-section .project-card:hover .project-overlay{opacity:1}.projects-section .project-image{height:200px;overflow:hidden;position:relative}.projects-section .project-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.projects-section .project-image:hover img{transform:scale(1.1)}.projects-section .project-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-normal);width:100%}.projects-section .project-links{display:flex;gap:var(--spacing-md)}.projects-section .project-links a{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-md);height:40px;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast);width:40px}.projects-section .project-links a:hover{background-color:var(--secondary-color);transform:translateY(-5px)}.projects-section .project-info{padding:var(--spacing-md)}.projects-section .project-title{color:var(--text-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.projects-section .project-description{color:var(--text-color);font-size:var(--font-size-md);margin-bottom:var(--spacing-md);opacity:.9}.projects-section .project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.projects-section .project-technologies .tech-tag{background-color:var(--background-color);border-radius:var(--border-radius-sm);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px}.contact-section{padding:var(--spacing-xl) 0}.contact-section .contact-container{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}@media(max-width:992px){.contact-section .contact-container{flex-direction:column}}.contact-section .contact-form,.contact-section .contact-info{flex:1 1}.contact-section .contact-info h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.contact-section .contact-info p{font-size:var(--font-size-md);line-height:1.8;margin-bottom:var(--spacing-lg)}.contact-section .info-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-section .info-item{align-items:center;background-color:var(--card-bg-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.contact-section .info-item:hover{box-shadow:0 10px 20px var(--shadow-color);transform:translateY(-5px)}.contact-section .info-icon{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);height:50px;justify-content:center;width:50px}.contact-section .info-content h4{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.contact-section .info-content a{color:var(--text-color);text-decoration:none;transition:color var(--transition-fast)}.contact-section .info-content a:hover{color:var(--primary-color)}.contact-section .contact-form h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.contact-section .contact-form form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-section .form-message{border-radius:var(--border-radius-md);font-weight:500;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.contact-section .form-message.success{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50}.contact-section .form-message.error{background-color:#f443361a;border:1px solid #f44336;color:#f44336}.contact-section .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-section .form-group label{font-size:var(--font-size-sm);font-weight:600}.contact-section .form-group input,.contact-section .form-group textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--spacing-sm);transition:border-color var(--transition-fast)}.contact-section .form-group input:focus,.contact-section .form-group textarea:focus{border-color:var(--primary-color);outline:none}.contact-section .form-group textarea{resize:vertical}.contact-section .submit-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast),transform var(--transition-fast)}.contact-section .submit-button:hover{background-color:#3c30ff}:root{--primary-color:#6c63ff;--secondary-color:#f50057;--background-color:#fff;--text-color:#333;--card-bg-color:#f5f5f5;--border-color:#e0e0e0;--shadow-color:#0000001a;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:5rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-xxxl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.dark-mode{--primary-color:#8c7fff;--secondary-color:#ff4081;--background-color:#121212;--text-color:#f5f5f5;--card-bg-color:#1e1e1e;--border-color:#333;--shadow-color:#0000004d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.6;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:#6c63ff;color:var(--primary-color);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#f50057;color:var(--secondary-color)}button{background:none;border:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);outline:none}.app{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1 1;padding:2rem;padding:var(--spacing-md)}.container,.page-content{margin:0 auto;max-width:1200px;width:100%}.container{padding:0 2rem;padding:0 var(--spacing-md)}.section{padding:5rem 0;padding:var(--spacing-xl) 0}.section-title{display:inline-block;font-size:2rem;font-size:var(--font-size-xxl);margin-bottom:3rem;margin-bottom:var(--spacing-lg);position:relative}.section-title:after{bottom:-10px;content:"";height:3px;left:0;position:absolute;width:50px}.primary-button,.section-title:after{background-color:#6c63ff;background-color:var(--primary-color)}.primary-button{border-radius:8px;border-radius:var(--border-radius-md);color:#fff;font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease,transform .2s ease;transition:background-color var(--transition-fast),transform var(--transition-fast)}.primary-button:hover{background-color:#3c30ff}.secondary-button{background-color:#0000;border:2px solid #6c63ff;border:2px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius-md);color:#333;color:var(--text-color);font-weight:600;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease,color .2s ease,transform .2s ease;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.secondary-button:hover{background-color:#6c63ff;background-color:var(--primary-color);color:#fff}@media(max-width:768px){.page-content{padding:1rem;padding:var(--spacing-sm)}.section{padding:3rem 0;padding:var(--spacing-lg) 0}.section-title{font-size:1.5rem;font-size:var(--font-size-xl)}}
/*# sourceMappingURL=main.15f85e96.css.map*/