@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--primary-glow:#4f46e540;--secondary:#06b6d4;--accent-pink:#ec4899;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);--brand-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--bg-main:#090d16;--bg-card:#121826b3;--bg-card-hover:#1a2235d9;--bg-surface:#111827;--bg-subtle:#ffffff08;--border:#ffffff14;--border-active:#6366f199;--shadow-subtle:0 4px 20px #00000040;--shadow-glow:0 10px 40px #4f46e533;--shadow-modal:0 25px 60px -15px #000000b3;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--checker-size:16px;--checker-color-1:#1e293b;--checker-color-2:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(at 0 0,#4f46e526 0,#0000 50%),radial-gradient(at 100% 0,#ec48991f 0,#0000 50%),radial-gradient(at 50% 100%,#06b6d41f 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-main);cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px}.glass-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#ffffff0d;border-radius:9999px}.transparent-grid{background-color:var(--checker-color-1);background-image:linear-gradient(45deg, var(--checker-color-2) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-color-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-color-2) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-color-2) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0, 0 calc(var(--checker-size) / 2), calc(var(--checker-size) / 2) calc(-1 * var(--checker-size) / 2), calc(-1 * var(--checker-size) / 2) 0px}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f180}}.animate-glow{animation:3s infinite pulse-glow}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#ffffff08 25%,#ffffff1a 50%,#ffffff08 75%) 0 0/200% 100%;animation:2s infinite shimmer}