*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-glow: rgba(59, 130, 246, .25);--gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--gradient-subtle: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(45, 212, 191, .08) 100%);--bg: #0c0f1a;--bg-card: rgba(22, 27, 45, .85);--bg-card-solid: #161b2d;--bg-input: rgba(42, 50, 78, .6);--bg-elevated: rgba(30, 36, 60, .95);--text: #eef0f6;--text-muted: #8b92ab;--text-dim: #565e78;--border: rgba(80, 90, 130, .25);--border-light: rgba(120, 130, 170, .15);--success: #34d399;--danger: #f87171;--warning: #fbbf24;--accent-blue: #60a5fa;--accent-orange: #fb923c;--accent-teal: #2dd4bf;color-scheme:dark}[data-theme=light]{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #2563eb;--primary-glow: rgba(37, 99, 235, .15);--gradient: linear-gradient(135deg, #2563eb 0%, #14b8a6 100%);--gradient-subtle: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(20, 184, 166, .04) 100%);--bg: #f4f4f8;--bg-card: rgba(255, 255, 255, .85);--bg-card-solid: #ffffff;--bg-input: rgba(228, 230, 240, .7);--bg-elevated: rgba(255, 255, 255, .95);--text: #1a1d2e;--text-muted: #5a6078;--text-dim: #8b92ab;--border: rgba(100, 110, 150, .15);--border-light: rgba(100, 110, 150, .08);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--accent-blue: #3b82f6;--accent-orange: #f97316;--accent-teal: #14b8a6;color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--primary-light);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:480px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .25s ease;width:100%;position:relative;overflow:hidden}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group label{font-size:14px;color:var(--text-muted);font-weight:500}.input-group input{padding:12px 16px;border:2px solid var(--border);border-radius:12px;background:var(--bg-input);color:var(--text);font-size:16px;outline:none;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.error-message{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--danger);padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:16px}.card{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}