:root{--primary:#09090f;--primary-light:#13111d;--accent:#6366f1;--accent-dark:#4f46e5;--accent-light:#818cf8;--accent-2:#3730a3;--accent-glow:#6366f147;--text-white:#f1f5f9;--text-light:#c7d2fe;--text-muted:#6e8098;--accent-text:#818cf8;--card-bg:#6366f10a;--card-border:#6366f124;--card-hover-border:#6366f173;--section-alt:#0d0b18;--gradient-hero:linear-gradient(135deg, #09090f 0%, #0f0e1a 60%, #09090f 100%);--gradient-accent:linear-gradient(135deg, #4f46e5 0%, #6366f1 55%, #818cf8 100%);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transition:all .3s ease;--radius:12px;--radius-sm:8px;--shadow-card:0 4px 24px #0000008c;--shadow-glow:0 0 32px #6366f133}:root[data-theme=light]{--primary:#f8f8ff;--primary-light:#eef0ff;--accent:#4f46e5;--accent-dark:#4338ca;--accent-light:#6366f1;--accent-2:#3730a3;--accent-glow:#4f46e52e;--text-white:#0f0a2e;--text-light:#3730a3;--text-muted:#6b7280;--accent-text:#4f46e5;--card-bg:#ffffffd9;--card-border:#6366f126;--card-hover-border:#6366f166;--section-alt:#eef0ff;--gradient-hero:linear-gradient(135deg, #f8f8ff 0%, #eef0ff 60%, #f8f8ff 100%);--gradient-accent:linear-gradient(135deg, #4f46e5 0%, #6366f1 55%, #818cf8 100%);--shadow-card:0 4px 24px #4f46e514;--shadow-glow:0 0 32px #6366f126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--primary);color:var(--text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}main{width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-sans);border:none}input,textarea,select{font-family:var(--font-sans)}img{max-width:100%;display:block}.fade-in{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-40px)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(40px)}.fade-in-right.visible{opacity:1;transform:translate(0)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-tag{letter-spacing:2px;text-transform:uppercase;color:var(--accent-light);background:#6366f11a;border:1px solid #6366f140;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-title{color:var(--text-white);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2}.section-title span{background:var(--gradient-accent);-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-light);max-width:560px;font-size:17px;line-height:1.7}.services,.about,.technologies,.contact{content-visibility:auto}.services{contain-intrinsic-size:auto 1100px}.about{contain-intrinsic-size:auto 900px}.technologies{contain-intrinsic-size:auto 650px}.contact{contain-intrinsic-size:auto 1100px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.fade-in,.fade-in-left,.fade-in-right,.service-card{opacity:1!important;transform:none!important}}[data-theme=light] body{background-color:var(--primary);color:var(--text-white)}[data-theme=light] .navbar--scrolled{background:#faf7fff5!important}[data-theme=light] .navbar__link{color:var(--text-light)}[data-theme=light] .navbar__link:hover{background:#6366f114}[data-theme=light] .hero__code-window{background:#ffffffe6;border-color:#6366f133}[data-theme=light] .hero__float{background:#fffffff2}[data-theme=light] .service-card,[data-theme=light] .project-card,[data-theme=light] .about__stat-card,[data-theme=light] .contact__form-wrapper{background:#ffffffe6;box-shadow:0 4px 20px #3730a314}[data-theme=light] .contact__input,[data-theme=light] .contact__textarea{color:var(--text-white);background:#ffffffe6;border-color:#6366f133}[data-theme=light] .footer{background:#1a0f2e}[data-theme=light] .footer__slogan,[data-theme=light] .footer__nav-link,[data-theme=light] .footer__copyright,[data-theme=light] .footer__bottom-link,[data-theme=light] .footer__contact-link,[data-theme=light] .footer__cta-desc{color:#c4b5fd}