:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", monospace;--bg-main:#fff;--bg-subtle:#fcfbfe;--bg-card:#fff;--bg-dark:#0f0a1c;--bg-dark-card:#150d27;--bg-dark-card-hover:#1c1233;--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-300:#c4b5fd;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#6d28d9;--purple-700:#5b21b6;--purple-800:#4c1d95;--purple-900:#2e1065;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#f1f0f7;--border-subtle:#e9e5f5;--border-purple:#8b5cf640;--shadow-sm:0 2px 8px #6d28d90a;--shadow-md:0 8px 30px #6d28d914;--shadow-lg:0 20px 40px #6d28d91f;--shadow-glow:0 0 35px #8b5cf640;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--transition:all .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased}body{min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f0f7}::-webkit-scrollbar-thumb{background:var(--purple-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--purple-500)}.font-mono{font-family:var(--font-mono)}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);background:#ffffffd9}.glass-card-dark{-webkit-backdrop-filter:blur(20px);color:#fff;background:#0f0a1ce6;border:1px solid #8b5cf633}.bg-glow-purple{pointer-events:none;z-index:0;background:radial-gradient(circle,#a78bfa26 0%,#f5f3ff00 70%);border-radius:50%;width:600px;height:600px;position:absolute}.bg-glow-gold{pointer-events:none;z-index:0;background:radial-gradient(circle,#fbbf2426 0%,#fff0 70%);border-radius:50%;width:300px;height:300px;position:absolute}.badge-pill{border-radius:var(--radius-full);border:1px solid var(--purple-200);color:var(--purple-800);box-shadow:var(--shadow-sm);letter-spacing:-.01em;background:#fff;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge-tag{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--purple-50);color:var(--purple-600);border:1px solid var(--purple-200);align-items:center;padding:4px 14px;font-size:11px;font-weight:600;display:inline-flex}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--purple-700) 0%, var(--purple-600) 100%);color:#fff;box-shadow:0 4px 20px #6d28d94d}.btn-primary:hover{background:linear-gradient(135deg, var(--purple-800) 0%, var(--purple-700) 100%);transform:translateY(-2px);box-shadow:0 8px 30px #6d28d973}.btn-outline{color:var(--text-main);background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000005}.btn-outline:hover{border-color:var(--purple-400);color:var(--purple-700);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--purple-700);background:var(--purple-50)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0a1c99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}