:root{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--danger: #f87171;--success: #4ade80}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;padding:2rem 1rem}#root{max-width:420px;margin:0 auto}h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}.card{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.card h2{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--accent)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem;color:var(--muted)}input[type=tel],input[type=text]{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--bg);color:var(--text)}input::placeholder{color:var(--muted);opacity:.7}input:focus{outline:none;border-color:var(--accent)}.btn{display:block;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:var(--text);margin-bottom:.75rem}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-danger{background:var(--danger);color:#fff;margin-top:.5rem}.btn-danger:hover:not(:disabled){opacity:.9}.msg{font-size:.875rem;padding:.5rem 0;border-radius:6px}.msg.error{color:var(--danger)}.msg.success{color:var(--success)}.warning{color:var(--muted);font-size:.8rem;margin-top:1rem}footer{margin-top:2rem;text-align:center;color:var(--muted);font-size:.8rem}