@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--navy:#0b1628;--navy-2:#112240;--navy-3:#1a3258;--navy-4:#1c2745;--blue:#1565c0;--blue-2:#1976d2;--sky:#29b6f6;--sky-2:#4fc3f7;--accent:#00e5ff;--white:#f8faff;--gray-1:#e8edf5;--gray-2:#b0bec5;--gray-3:#607d8b;--cyan:#00e5ff;--grey:#607d8b;--grey-2:#b0bec5;--border:#ffffff12;--border-hover:#ffffff24;--bg-page:var(--navy);--bg-card:var(--navy-2);--bg-card-alt:#ffffff06;--bg-section-alt:#ffffff04;--bg-footer:#070e1c;--text-primary:var(--white);--text-secondary:var(--gray-2);--text-muted:var(--gray-3);--border-subtle:#ffffff12;--border-accent:#00e5ff33;--scrollbar-track:var(--navy);--scrollbar-thumb:var(--navy-3);--font-display:"Inter", sans-serif;--font-body:"DM Sans", sans-serif}[data-theme=light]{--navy:#f0f4fa;--navy-2:#fff;--navy-3:#e2eaf4;--navy-4:#d4e0f0;--blue:#1565c0;--blue-2:#1976d2;--sky:#0284c7;--sky-2:#0369a1;--accent:#0ea5e9;--white:#0f172a;--gray-1:#1e293b;--gray-2:#334155;--gray-3:#64748b;--cyan:#0ea5e9;--grey:#64748b;--grey-2:#334155;--border:#00000014;--border-hover:#00000024;--bg-page:#f0f4fa;--bg-card:#fff;--bg-card-alt:#f1f5f9;--bg-section-alt:#e8eef6;--bg-footer:#1e293b;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-subtle:#00000014;--border-accent:#0ea5e940;--scrollbar-track:#e2eaf4;--scrollbar-thumb:#94a3b8}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::selection{background:var(--blue);color:#fff}input,textarea,select{background:var(--bg-card-alt);color:var(--text-primary);border:1px solid var(--border-subtle);font-family:var(--font-body)}input::-moz-placeholder{color:var(--text-muted);opacity:1}textarea::-moz-placeholder{color:var(--text-muted);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}select option{background:var(--bg-card);color:var(--text-primary)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#00e5ff80;outline:none;box-shadow:0 0 0 3px #00e5ff1a}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{background:var(--accent);color:var(--navy);z-index:9999;border-radius:0 0 8px 8px;padding:8px 16px;font-size:14px;font-weight:700;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (width>=768px){.container{padding:0 48px}}.nav-desktop{display:none}.nav-hamburger{display:flex}.nav-mobile-menu{display:block}@media (width>=768px){.nav-desktop{display:flex}.nav-hamburger,.nav-mobile-menu{display:none!important}}.hero-grid,.about-hero-grid,.about-video-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}@media (width>=900px){.hero-grid,.about-hero-grid,.about-video-grid{grid-template-columns:1fr 1fr;gap:80px}}@media (width<=899px){.hero-grid video,.hero-grid iframe{width:100%;min-height:220px;display:block}}.service-grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (width>=900px){.service-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px}}@media (width<=899px){.service-grid>div{order:unset!important}}.contact-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=960px){.contact-grid{grid-template-columns:1fr 380px;gap:48px}}.start-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=960px){.start-grid{grid-template-columns:1fr 340px;gap:40px}}.two-col{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=600px){.two-col{grid-template-columns:1fr 1fr}}.form-row{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=600px){.form-row{grid-template-columns:1fr 1fr}}.stat-cards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=400px){.stat-cards-grid{grid-template-columns:1fr}}.skills-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=560px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.sidebar-sticky{position:static}@media (width>=960px){.sidebar-sticky{position:sticky;top:100px}}.img-preview-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=480px){.img-preview-grid{grid-template-columns:1fr 1fr 1fr}}@media (width<=360px){.img-preview-grid{grid-template-columns:1fr}}.footer-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=640px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width>=960px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}}.noise:after{content:"";pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #00e5ff66}70%{box-shadow:0 0 0 16px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bar-grow{0%{width:0}to{width:var(--target-w,100%)}}.theme-toggle{border:1px solid var(--border-subtle);background:var(--bg-card-alt);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--border-subtle);color:var(--text-primary);border-color:var(--border-hover)}