:root{--bg: #f5f8ff;--surface: #ffffff;--surface-soft: #f8fbff;--border: #dfe8f4;--ink: #13213a;--muted: #5e6f89;--brand: #1f7ae0;--brand-2: #0ea5e9;--ok: #0f9d58;--danger: #c62828;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 0%,#dff0ff 0,var(--bg) 40%),var(--bg)}.page{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;padding:1rem}.left,.panel{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:1.25rem;box-shadow:0 12px 32px #1d3c7014}.hero h1{margin:.4rem 0;line-height:1.25}.kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:700}.hero p{color:var(--muted)}.progress{margin:1.2rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}.progress li{border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem;display:flex;justify-content:space-between;background:var(--surface-soft);cursor:pointer}.progress li.active{border-color:var(--brand);background:#eef6ff}.progress li.success{border-color:#b4e8c7}.progress li.error{border-color:#ffc8c8}.progress small{text-transform:capitalize;color:var(--muted)}h2{margin:.15rem 0 .4rem}.hint{margin:0 0 .9rem;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:600}input,select{border:1px solid var(--border);border-radius:10px;padding:.62rem .7rem;font-size:.95rem;color:var(--ink)}input:focus,select:focus{outline:2px solid #b8dcff;border-color:var(--brand)}.planCards{display:grid;gap:.6rem}.plan{border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);text-align:left;display:grid;gap:.2rem}.plan.selected{border-color:var(--brand);background:#eef6ff}.plan small{color:var(--muted)}.switches{display:grid;gap:.8rem}.switches label{display:flex;align-items:center;gap:.5rem;font-weight:600}.summary{display:grid;grid-template-columns:auto 1fr;gap:.45rem .8rem}.summary dt{font-weight:700}.summary dd{margin:0;color:#1e3558;word-break:break-all}.actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;padding:.62rem .95rem;font-weight:700;cursor:pointer}button.ghost{background:#edf3fd;color:#25477a}button:disabled{opacity:.6;cursor:not-allowed}details{margin-top:1rem}summary{cursor:pointer;color:var(--brand);font-weight:600}.error{color:var(--danger);font-weight:600}.ok{color:var(--ok);font-weight:600}@media(max-width:980px){.page,.grid{grid-template-columns:1fr}}
