*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary: #060a12;--bg-secondary: #0d1420;--bg-tertiary: #141e2d;--bg-card: rgba(14,24,38,.78);--bg-card-hover: rgba(20,33,51,.9);--bg-input: rgba(14,24,38,.78);--accent-teal: #48d7ff;--accent-cyan: #27e1ff;--accent-blue: #5aa7ff;--accent-amber: #d6b36b;--accent-red: #ef4444;--accent-green: #7aa88b;--text-primary: #f8fbff;--text-secondary: #b6c6d9;--text-muted: #718399;--border-color: rgba(178,210,242,.13);--border-accent: rgba(72,215,255,.32);--gradient-primary: linear-gradient(135deg, #f8fbff 0%, #7cc4ff 48%, #27e1ff 100%);--gradient-surface: linear-gradient(145deg, rgba(255,255,255,.09), rgba(72,215,255,.045) 45%, rgba(255,255,255,.035));--page-ambient: radial-gradient(circle at 16% 12%, rgba(39,225,255,.17), transparent 28%), radial-gradient(circle at 82% 18%, rgba(90,167,255,.13), transparent 30%), linear-gradient(135deg, #060a12, #0a1220 52%, #101827);--hero-bg: linear-gradient(135deg, rgba(4,8,15,.96) 0%, rgba(8,18,32,.94) 45%, rgba(10,31,52,.88) 100%);--hero-overlay: radial-gradient(circle at 78% 28%, rgba(39,225,255,.18), transparent 28%), radial-gradient(circle at 18% 18%, rgba(90,167,255,.18), transparent 24%), linear-gradient(90deg, rgba(4,8,15,.95), rgba(4,8,15,.62));--shadow-card: 0 22px 70px rgba(0,0,0,.38);--shadow-glow: 0 18px 44px rgba(39,225,255,.12);--shadow-glow-strong: 0 28px 90px rgba(25,117,255,.22), 0 24px 70px rgba(0,0,0,.45);--nav-bg: rgba(8,11,20,.85);--nav-bg-scrolled:rgba(8,11,20,.97);--modal-overlay: rgba(0,0,0,.88);--scrollbar-track: #0f1623;--scrollbar-thumb: #8ea3ba;--transition: all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}[data-theme=light]{--bg-primary: #f5f8fc;--bg-secondary: #ffffff;--bg-tertiary: #edf4fb;--bg-card: rgba(255,255,255,.82);--bg-card-hover: rgba(255,255,255,.96);--bg-input: rgba(255,255,255,.84);--accent-teal: #006a9f;--accent-cyan: #008fc4;--accent-blue: #2563eb;--accent-amber: #9a7843;--accent-red: #dc2626;--accent-green: #059669;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-color: rgba(15,42,74,.12);--border-accent: rgba(0,143,196,.28);--gradient-primary: linear-gradient(135deg, #07111f 0%, #2563eb 52%, #00a9d6 100%);--gradient-surface: linear-gradient(145deg, rgba(255,255,255,.92), rgba(232,243,255,.84) 48%, rgba(255,255,255,.72));--page-ambient: radial-gradient(circle at 12% 10%, rgba(0,169,214,.16), transparent 28%), radial-gradient(circle at 86% 14%, rgba(37,99,235,.12), transparent 30%), linear-gradient(135deg, #f8fbff, #eef5fc 54%, #ffffff);--hero-bg: linear-gradient(135deg, rgba(247,251,255,.96) 0%, rgba(226,240,255,.94) 45%, rgba(210,232,250,.9) 100%);--hero-overlay: radial-gradient(circle at 78% 28%, rgba(0,169,214,.18), transparent 28%), radial-gradient(circle at 18% 18%, rgba(37,99,235,.14), transparent 24%), linear-gradient(90deg, rgba(255,255,255,.86), rgba(255,255,255,.52));--shadow-card: 0 2px 16px rgba(0,0,0,.08);--shadow-glow: 0 0 20px rgba(0,168,132,.15);--shadow-glow-strong: 0 0 40px rgba(0,168,132,.25);--nav-bg: rgba(255,255,255,.85);--nav-bg-scrolled: rgba(255,255,255,.97);--modal-overlay: rgba(15,23,42,.7);--scrollbar-track: #e2e8f0;--scrollbar-thumb: #64748b;color-scheme:light}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--page-ambient);background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .45s ease,color .35s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(72,215,255,.14),transparent 8%),radial-gradient(circle at 74% 42%,rgba(90,167,255,.1),transparent 9%),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.035) 42%,transparent 64%);background-size:1200px 900px,900px 700px,220% 220%;animation:ambientDrift 22s ease-in-out infinite alternate}:root{--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.25}}@keyframes glowPulse{0%,to{box-shadow:0 0 16px #9fb0c429}50%{box-shadow:0 0 30px #9fb0c452}}@keyframes toastIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes ambientDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1);background-position:0% 0%,100% 0%,0% 50%}to{transform:translate3d(1.5%,1%,0) scale(1.03);background-position:100% 40%,0% 100%,100% 50%}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-toggle{position:relative;width:52px;height:28px;border-radius:14px;border:none;cursor:pointer;transition:background .35s ease,box-shadow .35s ease;flex-shrink:0;outline:none}[data-theme=dark] .theme-toggle{background:#27e1ff29;border:1px solid rgba(39,225,255,.28);box-shadow:0 0 20px #27e1ff1f}[data-theme=light] .theme-toggle{background:#0284c71f;border:1px solid rgba(2,132,199,.3);box-shadow:0 0 10px #0284c71a}.theme-toggle-knob{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;transition:left .35s cubic-bezier(.4,0,.2,1),background .35s ease}[data-theme=dark] .theme-toggle-knob{left:3px;background:#27e1ff;box-shadow:0 0 12px #27e1ff8c}[data-theme=light] .theme-toggle-knob{left:27px;background:#0284c7;box-shadow:0 0 8px #0284c780}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient{background:var(--gradient-primary);background-size:180% 180%;color:#0b0d12;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;font-family:var(--font-body)}[data-theme=dark] .btn-gradient{color:#080b14}.btn-gradient:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 16px 34px #2563eb38;animation:gradientFlow 3s ease infinite}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-accent);cursor:pointer;transition:all .25s ease;font-family:var(--font-body)}.btn-outline:hover{background:#ffffff0f;transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}input,select,textarea{font-family:var(--font-body);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:12px 16px;width:100%;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .35s ease;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #8ea3ba24}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-secondary);color:var(--text-primary)}label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:fadeUp .3s ease;position:relative;transition:background .35s ease}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);background:var(--bg-tertiary)}td{padding:13px 16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}tr:hover td{background:#9fb0c40a}.section{padding:80px 0}.container{max-width:1320px;margin:0 auto;padding:0 24px}.premium-card{background:var(--gradient-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.premium-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14) 42%,transparent 62%);transform:translate(-120%);transition:transform .55s ease}.premium-card>*{position:relative;z-index:1}.premium-card:hover{transform:translateY(-6px);border-color:var(--border-accent);box-shadow:var(--shadow-glow-strong)}.premium-card:hover:before{transform:translate(120%)}[data-theme=light] body{background:var(--page-ambient)}[data-theme=light] .modal-content{box-shadow:0 20px 60px #00000026}[data-theme=light] tr:hover td{background:#00a8840a}[data-theme=light] th{background:#f1f5f9}@media (max-width: 768px){.section{padding:56px 0}.container{padding:0 16px}}@media (max-width: 480px){.section{padding:40px 0}}
