:root{--ink:#18232d;--muted:#74818c;--line:#e0e5e9;--canvas:#f4f6f8;--coral:#f15b52;--coral-dark:#cc413a;--green:#2da66d;--green-soft:#e9f8f0;--red-soft:#fff0ee;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:750;text-decoration:none}.brand img{width:34px;height:34px}.brand span span{color:var(--coral)}.header-title{font-weight:650}.text-button{justify-self:end;border:0;background:transparent;color:var(--coral-dark);font:inherit;text-decoration:none;cursor:pointer}.start-shell{display:grid;grid-template-columns:minmax(480px,660px) minmax(340px,460px);gap:24px;align-items:stretch;max-width:1180px;min-height:calc(100vh - 64px);margin:auto;padding:52px 28px}.handoff-card,.handoff-aside,.card,.account-hero{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(29,42,52,.06)}.handoff-card{display:flex;flex-direction:column;align-items:center;padding:48px;text-align:center}.status-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:24px;border-radius:19px;background:var(--red-soft)}.status-icon span{width:22px;height:22px;border:3px solid #f7b8b3;border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}.status-icon.success{background:var(--green-soft)}.status-icon.success span{width:23px;height:12px;border:0;border-left:3px solid var(--green);border-bottom:3px solid var(--green);border-radius:0;transform:rotate(-45deg);animation:none}.status-icon.error span{width:24px;height:3px;border:0;border-radius:2px;background:var(--coral);animation:none}.eyebrow{color:var(--coral-dark);font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.handoff-card h1,.account-hero h1{margin:10px 0 10px;font-size:36px;line-height:1.08;letter-spacing:-.045em}.handoff-card>p{max-width:520px;margin:0;color:var(--muted);line-height:1.55}.steps{display:grid;width:100%;margin:38px 0 28px;padding:0;list-style:none;text-align:left}.steps li{position:relative;display:flex;align-items:center;gap:13px;padding:12px 0;color:var(--muted)}.steps li:not(:last-child):after{position:absolute;top:46px;bottom:-4px;left:17px;width:2px;background:#e7eaed;content:""}.steps li>span{z-index:1;display:grid;place-items:center;width:36px;height:36px;border:2px solid #d9dee2;border-radius:50%;background:#fff;font-size:12px;font-weight:750}.steps li>div{display:grid;gap:3px}.steps li small{font-size:12px}.steps li.complete{color:var(--ink)}.steps li.complete>span{border-color:var(--green);background:var(--green);color:#fff}.steps li.complete:not(:last-child):after{background:#9dd8bb}.steps li.error>span{border-color:var(--coral);background:var(--coral);color:#fff}.handoff-actions{display:flex;justify-content:center;gap:10px;width:100%}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.button.primary{border:1px solid var(--coral);background:var(--coral);color:#fff}.button.secondary{border:1px solid var(--coral-dark);background:#fff;color:var(--coral-dark)}.button.dark{border:1px solid var(--ink);background:var(--ink);color:#fff}.button:disabled{cursor:not-allowed;opacity:.45}.footnote{margin-top:22px!important;font-size:12px}.handoff-aside{display:flex;flex-direction:column;justify-content:center;padding:42px;background:#18232d;color:#fff}.handoff-aside h2{margin:12px 0;font-size:29px;line-height:1.1;letter-spacing:-.035em}.handoff-aside>p{margin:0 0 30px;color:#aeb8bf;line-height:1.6}.mini-window{overflow:hidden;border:1px solid #46535d;border-radius:16px;background:#22303a;box-shadow:0 18px 40px rgba(0,0,0,.28)}.mini-window>div{display:flex;align-items:center;gap:6px;padding:12px;border-bottom:1px solid #46535d}.mini-window i{width:7px;height:7px;border-radius:50%;background:#6b7881}.mini-window>div span{margin-left:5px;color:#dce2e5;font-size:11px}.mini-window section{display:flex;justify-content:space-between;margin:12px;padding:16px;border-radius:11px;background:#fff;color:var(--ink)}.mini-window section span{color:var(--muted);font-size:11px}.account-shell{display:grid;gap:22px;max-width:1060px;margin:auto;padding:46px 28px}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px}.account-hero h1{font-size:34px}.account-hero p{margin:0;color:var(--muted)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:26px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-weight:700}.badge{padding:6px 9px;border-radius:999px;background:#eff1f3;color:#636d75;font-size:11px;text-transform:capitalize}.badge.active{background:var(--green-soft);color:#167249}.plan-card>strong{display:block;font-size:30px;text-transform:capitalize}.card p{color:var(--muted);line-height:1.55}.card code{display:block;overflow:hidden;padding:15px;border-radius:10px;background:var(--canvas);color:#70332f;font-size:16px;font-weight:750;letter-spacing:.04em;text-overflow:ellipsis}.account-help{display:flex;align-items:center;justify-content:space-between;gap:30px}.account-help h2{margin:8px 0;font-size:24px}.account-help p{max-width:650px;margin:0}.message{display:none;padding:12px 16px;border-radius:10px;background:var(--green-soft);color:#166d49}.message.visible{display:block}.message.error{background:var(--red-soft);color:#9f3933}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){header{grid-template-columns:1fr auto}.header-title{display:none}.start-shell{grid-template-columns:1fr;padding:24px 16px}.handoff-aside{display:none}.handoff-card{padding:34px 22px}.account-grid{grid-template-columns:1fr}.account-hero,.account-help{align-items:flex-start;flex-direction:column}.account-shell{padding:24px 16px}.handoff-card h1,.account-hero h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.status-icon span{animation:none}}