:root{color-scheme:dark;--bg-dark: #07090e;--bg-secondary: #0d121d;--bg-card: rgba(15, 22, 38, .72);--bg-card-hover: rgba(22, 33, 56, .88);--bg-glass: rgba(9, 14, 25, .65);--bg-glass-strong: rgba(9, 14, 25, .88);--bg-input: rgba(13, 19, 33, .8);--cyan: #00f0ff;--cyan-glow: rgba(0, 240, 255, .35);--cyan-dim: rgba(0, 240, 255, .12);--purple: #8a2be2;--purple-glow: rgba(138, 43, 226, .35);--purple-dim: rgba(138, 43, 226, .12);--emerald: #00ff9d;--emerald-glow: rgba(0, 255, 157, .35);--emerald-dim: rgba(0, 255, 157, .12);--amber: #ffb800;--amber-dim: rgba(255, 184, 0, .15);--rose: #ff3366;--rose-dim: rgba(255, 51, 102, .15);--text-primary: #f0f4fc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .12);--border-cyan: rgba(0, 240, 255, .35);--border-purple: rgba(138, 43, 226, .35);--border-emerald: rgba(0, 255, 157, .35);--grad-cyan-purple: linear-gradient(135deg, #00f0ff 0%, #8a2be2 100%);--grad-purple-emerald: linear-gradient(135deg, #8a2be2 0%, #00ff9d 100%);--grad-cyan-emerald: linear-gradient(135deg, #00f0ff 0%, #00ff9d 100%);--grad-dark-card: linear-gradient(180deg, rgba(20, 28, 48, .6) 0%, rgba(10, 15, 26, .8) 100%);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--glass-blur: blur(16px);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-cyan: 0 0 25px rgba(0, 240, 255, .25);--shadow-purple: 0 0 25px rgba(138, 43, 226, .25);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .28s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .45s cubic-bezier(.16, 1, .3, 1);--container-max: 1200px;--navbar-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:#07090e!important;background:#07090e!important;color:var(--text-primary);line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}body{min-height:100vh;overflow-x:hidden;position:relative;background-color:#07090e!important;background:#07090e!important;color:var(--text-primary);color-scheme:dark}#root{min-height:100vh;background-color:#07090e!important;background:#07090e!important;color-scheme:dark;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:var(--radius-full);border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2;letter-spacing:-.02em}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}code,pre,.font-mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding:6rem 0;position:relative;z-index:10}.section-title-wrap{text-align:center;margin-bottom:3.5rem;position:relative}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--border-cyan);margin-bottom:.85rem}.section-title-wrap{text-align:center;margin-bottom:3.5rem;position:relative;z-index:15;padding:1.25rem 1.75rem;border-radius:var(--radius-lg);background:#07090ea6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.12);box-shadow:0 10px 30px #00000080;max-width:780px;margin-left:auto;margin-right:auto}.section-title{font-size:clamp(2rem,4vw,2.75rem);color:#fff;margin-bottom:.85rem;text-shadow:0 2px 10px rgba(0,0,0,.9)}.section-subtitle{font-size:1.05rem;color:#f1f5f9!important;text-shadow:0 2px 8px rgba(0,0,0,.95);max-width:680px;margin:0 auto;line-height:1.6;font-weight:400}.text-gradient{background:var(--grad-cyan-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-emerald{background:var(--grad-cyan-emerald);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-cyan);box-shadow:var(--shadow-md),0 0 20px #00f0ff1f}.glass-panel{background:var(--bg-glass-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.6rem;font-family:var(--font-heading);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid transparent;text-decoration:none;white-space:nowrap;position:relative;z-index:25;isolation:isolate}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-primary{background:var(--grad-cyan-purple);color:#fff;box-shadow:0 4px 20px #00f0ff40,0 0 0 1px #ffffff26;border:none;position:relative;z-index:30;isolation:isolate;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff80;color:#fff}.btn-secondary{background:#0d1423f2;color:var(--text-primary);border:1px solid var(--border-cyan);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:30;isolation:isolate}.btn-secondary:hover{background:var(--cyan-dim);color:var(--cyan);border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff33}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-glass)}.btn-danger{background:#ff336626;color:var(--rose);border:1px solid rgba(255,51,102,.35)}.btn-danger:hover{background:var(--rose);color:#fff}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;font-family:var(--font-mono);border-radius:var(--radius-full);background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border-color:var(--border-cyan)}.badge-purple{background:var(--purple-dim);color:#d8b4fe;border-color:var(--border-purple)}.badge-emerald{background:var(--emerald-dim);color:var(--emerald);border-color:var(--border-emerald)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;text-align:left}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);display:flex;justify-content:space-between}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.form-textarea{min-height:110px;resize:vertical}.cyber-grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#07090e!important;background-image:none!important;pointer-events:none;z-index:0}.glow-orb-top{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:650px;height:380px;background:radial-gradient(circle,rgba(0,240,255,.12) 0%,rgba(138,43,226,.08) 50%,transparent 80%);filter:blur(50px);pointer-events:none;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.9}}.animate-float{animation:float 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.4rem;border-radius:var(--radius-md);background:var(--bg-glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-cyan);box-shadow:var(--shadow-lg),var(--shadow-cyan);color:var(--text-primary);display:flex;align-items:center;gap:.75rem;z-index:9999;font-size:.95rem;animation:float .3s ease-out}