:root{--bg-main:#090a0f;--bg-surface:#11131a;--bg-surface-elevated:#181b24;--bg-surface-glass:#11131abf;--bg-card:#161923a6;--bg-card-hover:#1c202dd9;--border-subtle:#ffffff14;--border-active:#ffffff2e;--border-accent:#10b98166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#34d399;--accent-primary:#10b981;--accent-secondary:#059669;--accent-light:#34d399;--accent-glow:#10b98140;--accent-glow-subtle:#10b9811f;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Syne", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 4px 12px #00000040;--shadow-md:0 8px 30px #00000059;--shadow-lg:0 20px 50px #00000080;--shadow-glow:0 0 35px var(--accent-glow);--max-width:1240px;--header-height:72px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px}body.theme-cyan{--accent-primary:#06b6d4;--accent-secondary:#0891b2;--accent-light:#38bdf8;--text-accent:#38bdf8;--border-accent:#06b6d466;--accent-glow:#06b6d440;--accent-glow-subtle:#06b6d41f}body.theme-indigo{--accent-primary:#6366f1;--accent-secondary:#4f46e5;--accent-light:#818cf8;--text-accent:#818cf8;--border-accent:#6366f166;--accent-glow:#6366f140;--accent-glow-subtle:#6366f11f}body.theme-amber{--accent-primary:#f59e0b;--accent-secondary:#d97706;--accent-light:#fbbf24;--text-accent:#fbbf24;--border-accent:#f59e0b66;--accent-glow:#f59e0b40;--accent-glow-subtle:#f59e0b1f}body.theme-crimson{--accent-primary:#f43f5e;--accent-secondary:#e11d48;--accent-light:#fb7185;--text-accent:#fb7185;--border-accent:#f43f5e66;--accent-glow:#f43f5e40;--accent-glow-subtle:#f43f5e1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);selection-background-color:var(--accent-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}::selection{background-color:var(--accent-glow);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);border:2px solid var(--bg-main);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}a{color:inherit;transition:all .2s var(--ease-smooth);text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (width>=768px){.container{padding:0 2.5rem}}.section{z-index:2;padding:6rem 0;position:relative}@media (width>=1024px){.section{padding:8rem 0}}.section-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-tag{background:var(--accent-glow-subtle);border:1px solid var(--border-accent);color:var(--text-accent);border-radius:var(--radius-pill);font-size:.82rem;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .3s var(--ease-spring), border-color .3s ease, box-shadow .3s ease}.glass-panel:hover{border-color:var(--border-active);box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius-md);transition:all .25s var(--ease-spring);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-primary);color:#050608;box-shadow:0 4px 20px var(--accent-glow);font-weight:700}.btn-primary:hover{background:var(--accent-light);box-shadow:0 8px 28px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-active);background:#ffffff1a;transform:translateY(-2px)}.btn-accent-outline{background:var(--accent-glow-subtle);color:var(--text-accent);border:1px solid var(--border-accent)}.btn-accent-outline:hover{background:var(--accent-glow);border-color:var(--accent-light);transform:translateY(-2px)}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s var(--ease-smooth);background:#ffffff0a;justify-content:center;align-items:center;padding:.6rem;display:inline-flex}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-active);background:#ffffff1a}.tech-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:.35rem;padding:.3rem .75rem;transition:all .2s;display:inline-flex}.tech-pill:hover{border-color:var(--border-accent);color:var(--text-accent);background:var(--accent-glow-subtle)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}
