:root{--bg: #0a0a0a;--card: rgba(18, 18, 18, .92);--accent: #d4a843;--highlight: #3d4a2a;--text: #ffffff;--text-muted: rgba(255, 255, 255, .72);--border: rgba(212, 168, 67, .35);--error: #ff8a80;--radius: 14px;--shadow: 0 24px 60px rgba(0, 0, 0, .45);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top,rgba(212,168,67,.12),transparent 42%),linear-gradient(180deg,#111 0%,var(--bg) 100%)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px 40px}.page{width:min(100%,420px)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.card__body{padding:28px 24px 32px}.brand{margin:0;text-align:center;letter-spacing:.28em;font-size:1.75rem;color:var(--accent)}.slogan{margin:10px 0 0;text-align:center;color:var(--accent);font-size:.95rem}.perks{display:grid;gap:12px;margin-top:24px;padding-block:18px;border-block:1px solid rgba(212,168,67,.22)}.perk{display:flex;align-items:center;gap:12px;font-size:.82rem;letter-spacing:.04em;color:var(--text-muted)}.perk__icon{width:22px;height:22px;color:var(--accent);flex-shrink:0}.cta-band{margin-top:18px;padding:16px;border-radius:10px;background:#3d4a2af2;text-align:center}.cta-band h2{margin:0;font-size:.95rem;letter-spacing:.06em;color:var(--accent)}.actions{display:grid;gap:18px;margin-top:22px}.action-button{width:100%;border:0;border-radius:999px;padding:14px 18px;font-size:.95rem;font-weight:600;color:#111;background:linear-gradient(180deg,#e0ba58,#c89a2f);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #d4a84347}.action-hint{margin:8px 0 0;text-align:center;font-size:.82rem;color:var(--text-muted)}.panel-title{margin:0 0 8px;font-size:1.15rem;color:var(--accent)}.panel-subtitle{margin:0 0 20px;font-size:.88rem;color:var(--text-muted)}.field{display:grid;gap:6px;margin-bottom:14px}.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:13px 14px;font-size:.95rem;color:var(--text);background:#d4a84314}.input:focus{outline:none;border-color:#d4a843d9;box-shadow:0 0 0 3px #d4a84329}.input--error{border-color:var(--error)}.field-error{margin:0;font-size:.78rem;color:var(--error)}.consent{margin:8px 0 18px;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.submit{width:100%;border:0;border-radius:999px;padding:14px 18px;font-size:.95rem;font-weight:700;color:#111;background:linear-gradient(180deg,#e0ba58,#c89a2f);cursor:pointer}.submit:disabled{opacity:.65;cursor:wait}.subscribe-group{display:grid;gap:10px;margin-top:18px}.subscribe-option{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid rgba(212,168,67,.22);border-radius:10px;font-size:.82rem;color:var(--text-muted);cursor:pointer}.subscribe-option input{margin-top:2px}.form-error{margin:14px 0 0;font-size:.82rem;color:var(--error)}.back-link{display:inline-block;margin-bottom:16px;color:var(--text-muted);text-decoration:none;font-size:.85rem}.back-link:hover{color:var(--accent)}.success-band{padding:22px 20px;background:#3d4a2af2;text-align:center}.success-band h2{margin:0;font-size:1rem;letter-spacing:.05em;color:var(--accent)}.success-message,.success-intro{margin:0 0 12px;line-height:1.55;color:var(--text-muted)}.success-list{margin:0 0 20px;padding-left:18px;color:var(--text-muted);line-height:1.6}.join-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:700;color:#111;background:linear-gradient(180deg,#e0ba58,#c89a2f)}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease,transform .22s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:740px){.card__body{padding:24px 18px 28px}}