:root{--paper:#e9ecf1;--card:#fafbfc;--ink:#11151c;--ink-soft:#4a5464;--ink-faint:#7b8496;--pen:#1c3fa8;--pen-deep:#152f7e;--pen-wash:#e3e9f7;--mark:#c0392b;--rule:#c6cdda;--display:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--body:Georgia,"Times New Roman",serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:linear-gradient(150deg,#eef1f6 0%,var(--paper) 55%,#e1e6ef 100%);color:var(--ink);font-family:var(--body);line-height:1.62}.flow-head{border-bottom:1px solid var(--rule);background:rgba(250,251,252,.86);backdrop-filter:blur(12px)}.flow-head-inner{width:min(100% - 2rem,920px);margin:auto;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.flow-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:800}.flow-brand svg{width:28px;height:28px;color:var(--pen)}.flow-back{font:600 .82rem var(--display);color:var(--pen);text-decoration:none}.flow-main{width:min(100% - 2rem,720px);margin:clamp(2.5rem,9vh,6rem) auto 4rem}.flow-card{background:var(--card);border:1px solid var(--rule);box-shadow:0 20px 65px rgba(17,21,28,.09);padding:clamp(1.5rem,5vw,3rem)}.flow-kicker{font:600 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 1rem}.flow-card h1{font:750 clamp(1.8rem,4vw,2.65rem)/1.05 var(--display);letter-spacing:-.035em;margin:0 0 1rem}.flow-lede{font-size:1.05rem;color:var(--ink-soft);margin:0 0 1.4rem}.flow-status{display:flex;gap:.8rem;align-items:flex-start;background:var(--pen-wash);border-left:3px solid var(--pen);padding:1rem 1.1rem;color:var(--ink-soft);margin:1.4rem 0}.flow-status[data-state="success"]{background:#e8f3ed;border-color:#24724b}.flow-status[data-state="warn"]{background:#fff4df;border-color:#a76606}.flow-status[data-state="error"]{background:#f8e8e6;border-color:var(--mark)}.flow-dot{width:.65rem;height:.65rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-top:.38rem;flex:none;animation:flowspin .8s linear infinite}.flow-status:not([data-loading="true"]) .flow-dot{display:none}@keyframes flowspin{to{transform:rotate(360deg)}}.flow-summary{border:1px solid var(--rule);padding:1rem 1.1rem;margin:1.2rem 0}.flow-summary strong{display:block;font:700 1rem var(--display);margin-bottom:.2rem}.flow-summary span{color:var(--ink-soft);font-size:.94rem}.flow-steps{padding-left:1.25rem;color:var(--ink-soft)}.flow-steps li{margin:.4rem 0}.flow-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.flow-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.72rem 1.15rem;border:1px solid var(--pen);background:var(--pen);color:#fff;text-decoration:none;font:700 .92rem var(--display);cursor:pointer}.flow-btn:hover{background:var(--pen-deep);border-color:var(--pen-deep)}.flow-btn.ghost{background:transparent;color:var(--pen)}.flow-btn.ghost:hover{background:var(--pen-wash)}.flow-btn[aria-disabled="true"]{opacity:.55;pointer-events:none}.flow-note{font-size:.82rem;color:var(--ink-faint);margin:1.1rem 0 0}.flow-note a{color:inherit}.flow-footer{width:min(100% - 2rem,720px);margin:0 auto 2rem;color:var(--ink-faint);font:500 .75rem/1.5 var(--display);text-align:center}@media(max-width:520px){.flow-main{width:min(100% - 1rem,720px);margin-top:1.2rem}.flow-card{padding:1.3rem}.flow-actions{display:grid}.flow-btn{width:100%}}@media(prefers-reduced-motion:reduce){.flow-dot{animation:none}.flow-status[data-loading="true"] .flow-dot{border-right-color:currentColor}}