:root{--primary-hue: 220;--primary-sat: 78%;--primary-light: 65%;--secondary-hue: 215;--secondary-sat: 16%;--secondary-light: 65%;--color-primary: #5b8def;--color-primary-dark: #4a75c9;--color-primary-light: #7ba3f2;--color-primary-rgb: 91, 141, 239;--color-primary-glow: rgba(91, 141, 239, .18);--color-secondary: #94a3b8;--color-secondary-rgb: 148, 163, 184;--color-accent: #c9a227;--color-accent-rgb: 201, 162, 39;--color-accent-glow: rgba(201, 162, 39, .25);--primary-color: var(--color-primary);--color-bg-dark: #0a0a0f;--color-bg-card: #14141c;--color-bg-surface: #1c1c28;--color-text-main: #ffffff;--color-text-muted: #94a3b8;--glass-bg: rgba(20, 20, 28, .75);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--backdrop-blur: 16px;--font-main: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--radius-sm: .5rem;--radius-md: .8rem;--radius-lg: 1.2rem;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;gap:.5rem;font-family:inherit;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-primary-glow);filter:brightness(1.1)}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(var(--color-primary-rgb),.5)}.btn-outline:not(:disabled):hover{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);transform:translateY(-2px)}.btn-block{width:100%}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.btn-sm{padding:.4rem 1rem;font-size:.85rem;border-radius:var(--radius-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem;color:var(--color-text-muted)}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 15px var(--color-primary-glow)}@keyframes spin{to{transform:rotate(360deg)}}