:root{--primary-hue: 225;--primary: #1428A0;--primary-dark: #0b1d85;--primary-light: #4860e6;--secondary-hue: 200;--secondary: #007bff;--bg-color: #f8f9fa;--surface-color: #ffffff;--surface-highlight: #e9ecef;--text-main: #212529;--text-muted: #6c757d;--glass-bg: #ffffff;--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06);--item-bg: #ffffff;--item-bg-hover: rgba(20, 40, 160, .04);--item-bg-selected: rgba(20, 40, 160, .1);--item-border: rgba(0, 0, 0, .08);--item-border-selected: var(--primary);--success: #198754;--error: #dc3545;--warning: #ffc107;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--container-width: 800px}[data-theme=dark]{--primary: #5c6bc0;--primary-dark: #3949ab;--primary-light: #7986cb;--bg-color: #121212;--surface-color: #1e1e1e;--surface-highlight: #333333;--text-main: #e0e0e0;--text-muted: #a0a0a0;--glass-bg: #1e1e1e;--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .4);--item-bg: #2c2c2c;--item-bg-hover: rgba(255, 255, 255, .05);--item-bg-selected: rgba(92, 107, 192, .2);--item-border: rgba(255, 255, 255, .1);--item-border-selected: var(--primary)}*{box-sizing:border-box;margin:0;padding:0;font-family:SamsungOne,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:4rem;background-image:none;transition:background-color .3s ease,color .3s ease}#root{width:100%;max-width:var(--container-width);padding:0 1rem}h1,h2,h3{font-weight:700;line-height:1.2}h1{font-size:2.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;text-align:center}button{cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:all .2s ease}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--glass-shadow);margin-bottom:2rem;transition:background-color .3s ease,border-color .3s ease}.btn-primary{background:var(--primary);color:#fff;padding:.8rem 1.6rem;border-radius:99px;box-shadow:0 4px 10px #0003}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}[data-theme=dark] .btn-primary:disabled{background:#4a4a4a;color:#888}.btn-outline{background:transparent;border:2px solid var(--surface-highlight);color:var(--text-main);padding:.75rem 1.5rem;border-radius:99px}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--item-bg-hover)}.theme-toggle{position:absolute;top:1rem;right:1rem;background:var(--surface-color);border:1px solid var(--glass-border);color:var(--text-main);padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--surface-highlight)}