@import "https://fonts.googleapis.com/css2?family=Carter+One&family=Outfit:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070300;--surface:#2e3134;--surface-raised:#3a3d40;--border:#3a3d40;--border-subtle:#2a2d30;--text-primary:#f8f9fa;--text-secondary:#888;--warning:#ff5722;--error:#e05555;--success:#5a9e6f;--radius:12px;--radius-sm:8px}body{background-color:var(--bg);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif}.app{flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 20px;display:flex}.centered{flex:1;justify-content:center;align-items:center;display:flex}h1{color:var(--text-primary);font-family:Carter One,cursive;font-size:32px}h2{color:var(--text-primary);font-family:Carter One,cursive;font-size:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:28px 24px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s,background .2s}.plan-card--available{cursor:pointer}.plan-card--available:hover{border-color:var(--text-primary);background:var(--surface-raised)}.plan-card--soon{opacity:.45;align-items:center;gap:12px;padding:16px 20px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.badge--discount{background:var(--warning);color:#fff}.badge--soon{background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border)}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--text-primary)}.input:disabled{opacity:.45;cursor:not-allowed}.input::placeholder{color:var(--text-secondary)}.btn{background:var(--text-primary);width:100%;color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:16px;padding:13px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s;display:block}.btn:hover{opacity:.88}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--ghost{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn--ghost:hover{border-color:var(--text-primary);opacity:1}.label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.field{margin-bottom:20px}.field-locked{align-items:center;gap:8px;margin-top:8px;display:flex}.field-locked input[type=checkbox]{accent-color:var(--text-primary);cursor:pointer;width:14px;height:14px}.field-locked label{cursor:pointer;margin:0}.divider{border:none;border-top:1px solid var(--border-subtle);margin:20px 0}.error-text{color:var(--error);margin-top:6px;font-size:13px}.text-secondary{color:var(--text-secondary);font-size:14px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}