:root{--pink: #ff2d95;--pink-glow: #ff6ec7;--cyan: #00e5ff;--gold: #ffcc44;--dark: #0a0a12;--panel: #16111d;--panel2: #1f1830;--border: #3a2a55;--text: #f3eefb;--muted: #a89bc4;--green: #3ce88a;--red: #ff5c5c;--mono: "Courier New", monospace;--sans: "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 20% 10%,#2a0d3a 0%,transparent 45%),radial-gradient(circle at 80% 90%,#0d2a3a 0%,transparent 45%),var(--dark);color:var(--text);font-family:var(--sans)}h1.brand{text-align:center;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,var(--pink),var(--gold),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,45,149,.4))}.page{max-width:760px;margin:0 auto;padding:28px 18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.card h2{margin:0 0 10px;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--cyan)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px;letter-spacing:1px;text-transform:uppercase}input,textarea,select{width:100%;padding:10px 12px;border-radius:8px;background:var(--panel2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:14px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cyan)}.btn{cursor:pointer;border:none;font-weight:700;letter-spacing:1px;padding:11px 20px;border-radius:8px;font-size:13px;text-transform:uppercase;transition:all .15s;background:linear-gradient(135deg,var(--pink),#c40077);color:#fff;box-shadow:0 4px 14px #ff2d9559}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2d958c}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary{background:var(--panel2);border:1px solid var(--border);box-shadow:none;color:var(--text)}.btn.secondary:hover{border-color:var(--cyan)}.btn.block{width:100%}.row{display:flex;gap:10px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.error{color:var(--red);font-size:13px;margin-top:8px}.center{text-align:center}.link{color:var(--cyan);cursor:pointer;text-decoration:underline}