*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1f2937;background-color:#fff;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 1rem}h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:2rem;text-align:center}h3{font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:1rem}h4{font-size:1.25rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}p{font-size:1.125rem;line-height:1.7;margin-bottom:1rem}body.dark-theme{background-color:#0f172a;color:#e2e8f0}body.dark-theme .theme-toggle{background:#0f172ae6;border-color:#334155}body.dark-theme .mobile-menu-toggle{color:#cbd5e1}body.dark-theme .mobile-menu-toggle:hover{color:#60a5fa}body.dark-theme .mobile-menu{background:#0f172afa;border-left-color:#334155}body.dark-theme .mobile-menu-header{border-bottom-color:#334155}body.dark-theme .mobile-menu-close{color:#94a3b8}body.dark-theme .mobile-menu-close:hover{color:#60a5fa}body.dark-theme .mobile-nav-links a{color:#cbd5e1;border-bottom-color:#334155}body.dark-theme .mobile-nav-links a:hover{color:#60a5fa}body.dark-theme .mobile-theme-toggle{border-top-color:#334155}body.dark-theme .mobile-theme-toggle span{color:#cbd5e1}body.dark-theme .mobile-theme-button{background:#475569;border-color:#64748b}body.dark-theme .mobile-theme-button.active{background:#60a5fa;border-color:#60a5fa}body.dark-theme .header{background:#0f172af2;border-bottom-color:#334155}body.dark-theme .nav-brand h2{color:#60a5fa}body.dark-theme .nav-links a{color:#cbd5e1!important}body.dark-theme .nav-links a:hover{color:#60a5fa!important}body.dark-theme .hero{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-theme .hero h1{color:#eef1f5!important}body.dark-theme .hero-subtitle{color:#34d399}body.dark-theme .hero-description{color:#eef1f5}body.dark-theme .btn-primary{background:#3b82f6}body.dark-theme .btn-primary:hover{background:#2563eb}body.dark-theme .btn-secondary{color:#60a5fa;border-color:#60a5fa}body.dark-theme .btn-secondary:hover{background:#3b82f6;color:#f4f7fc}body.dark-theme .skills{background:#1e293b}body.dark-theme .skill-item{background:#334155;color:#e2e8f0}body.dark-theme .skill-item h3{color:#f1f5f9!important}body.dark-theme .skill-item p{color:#d0d3d8!important}body.dark-theme .projects{background:#0f172a}body.dark-theme .project-card{background:#1e293b;border:1px solid #334155}body.dark-theme .project-header h3{color:#f6f7f7!important}body.dark-theme .project-description{color:#d4d7db}body.dark-theme .project-link{color:#60a5fa;border-color:#60a5fa}body.dark-theme .project-link:hover{background:#60a5fa;color:#0f172a}body.dark-theme .tech-tag{background:#1e40af;color:#dbeafe}body.dark-theme .contact{background:#1e293b}body.dark-theme .contact-info h3{color:#f1f5f9!important}body.dark-theme .contact-info p{color:#c6cdd7!important}body.dark-theme .contact-item{color:#cbd5e1}body.dark-theme .contact-item strong{color:#f1f5f9!important}body.dark-theme .contact-item a{color:#94a3b8!important}body.dark-theme .contact-item a:hover{color:#3b82f6!important}body.dark-theme .contact-form{background:#334155}body.dark-theme .form-group label{color:#eef1f5!important}body.dark-theme .form-input{background:#475569;border-color:#64748b;color:#e2e8f0}body.dark-theme .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}body.dark-theme .form-input::placeholder{color:#94a3b8}body.dark-theme .success-message{background:#064e3b;border-color:#34d399;color:#34d399}body.dark-theme .footer{background:#020617}body.dark-theme .footer-section h3,body.dark-theme .footer-section h4{color:#f1f5f9}body.dark-theme .footer-section p{color:#64748b}body.dark-theme .footer-section ul li a{color:#94a3b8}body.dark-theme .footer-section ul li a:hover{color:#3b82f6}body.dark-theme .footer-bottom{border-top-color:#1e293b}body.dark-theme .footer-bottom p{color:#64748b}@media (max-width: 1200px){.container{max-width:1024px;padding:0 2rem}}@media (max-width: 768px){.container{padding:0 1.5rem}section h2{font-size:2rem;margin-bottom:2rem}}@media (max-width: 480px){.container{padding:0 1rem}section h2{font-size:1.75rem;margin-bottom:1.5rem}}@media (max-width: 360px){.container{padding:0 .75rem}section h2{font-size:1.5rem}}@media (min-width: 1440px){.container{max-width:1280px}}@media (min-width: 1920px){.container{max-width:1600px}}