:root{color-scheme:dark;--bg: #08060E;--panel: #0E0B16;--card: #181423;--card-soft: #221C30;--text: #F6F2FF;--text-dim: #D4CCE8;--muted: #A89FB8;--faint: #5C546C;--line: #2A2238;--line-soft: #1F1A2B;--primary: #FF3E7F;--primary-soft: #3A1428;--glow: #FF6B4A;--glow-warm: #FFB347;--accent: #5BE9FF;--gold: #FFD166;--danger: #FF5577;--warning: #FFB347;--success: #22D688;--grad-glow: linear-gradient(135deg, #FF3E7F 0%, #FF6B4A 50%, #FFB347 100%);--grad-glow-soft: linear-gradient(135deg, rgba(255,62,127,.16), rgba(255,107,74,.08) 55%, rgba(255,179,71,.04));--grad-volt: linear-gradient(135deg, #5BE9FF 0%, #0E9CBA 100%);--shadow-card: 0 12px 22px rgba(0,0,0,.25);--shadow-glow: 0 10px 24px rgba(255,62,127,.35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:radial-gradient(circle at 0% 0%,rgba(255,62,127,.14),transparent 35%),radial-gradient(circle at 100% 0%,rgba(255,179,71,.08),transparent 38%),radial-gradient(circle at 50% 120%,rgba(91,233,255,.08),transparent 45%),var(--bg);color:var(--text);font-family:var(--font-body);font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);padding:12px 14px;width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff3e7f26}textarea{resize:vertical;min-height:80px;font-family:var(--font-body)}.h1{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6vw,72px);letter-spacing:-1.5px;line-height:1.05;margin:0}.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,44px);letter-spacing:-.8px;line-height:1.1;margin:0}.h3{font-weight:900;font-size:22px;letter-spacing:-.3px;margin:0}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.muted{color:var(--muted)}.dim{color:var(--text-dim)}.grad-text{background:var(--grad-glow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.container{width:min(1180px,100% - 40px);margin:0 auto}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:6px}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--radius-md);font-weight:800;letter-spacing:.2px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;border:1px solid transparent}.btn-primary{background:var(--grad-glow);color:#1a0a14;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--primary)}.btn-danger{background:#ff55771f;color:var(--danger);border-color:#f576}.btn-lg{padding:14px 22px;font-size:16px}.btn-sm{padding:8px 12px;font-size:13px}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line-soft);font-size:12px;font-weight:800;color:var(--muted)}.pill-glow{background:var(--grad-glow);color:#1a0a14;border-color:transparent}.pill-accent{background:#5be9ff1a;color:var(--accent);border-color:#5be9ff66}.pill-warn{background:#ffb3471a;color:var(--warning);border-color:#ffb34766}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:18px}.card-soft{background:var(--card-soft);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:14px}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.error-text{color:var(--danger);font-size:13px;font-weight:700}.hint{color:var(--muted);font-size:12px}.spinner{width:18px;height:18px;border:2px solid rgba(255,62,127,.25);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card-soft);color:var(--muted);font-weight:900;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.modal-backdrop{position:fixed;inset:0;background:#08060ec7;backdrop-filter:blur(8px);z-index:200;display:grid;place-items:center;padding:24px}.modal-panel{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 16px;color:var(--muted);text-align:center}