:root{--primary-hue: 255;--primary-sat: 90%;--primary-light: 60%;--secondary-hue: 190;--secondary-sat: 95%;--secondary-light: 50%;--color-primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--color-primary-glow: hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), .4);--color-secondary: hsl(var(--secondary-hue), var(--secondary-sat), var(--secondary-light));--color-bg-dark: #050508;--color-bg-card: #12121a;--color-bg-surface: #1e1e2d;--color-text-main: #ffffff;--color-text-muted: #a0aec0;--glass-bg: rgba(18, 18, 26, .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(--primary-hue),var(--primary-sat),var(--primary-light),.5)}.btn-outline:not(:disabled):hover{background:rgba(var(--primary-hue),var(--primary-sat),var(--primary-light),.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)}}