*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f1f6fa;color:#12344d;font:16px/1.55 system-ui,Segoe UI,Arial,sans-serif}a{color:#047d91}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:3;background:#fff;padding:1rem}.top{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#102e46;color:white;padding:1rem max(1.25rem,calc((100vw - 990px)/2))}.top a{color:#ddf8fc;text-decoration:none}.brand{font-size:1.3rem;font-weight:800}.brand span{color:#30c4be}.brand strong{font-size:1rem}.shell{max-width:990px;margin:3rem auto;padding:0 1.25rem 5rem}.eyebrow{color:#08858e;font-size:.8rem;font-weight:700;letter-spacing:.12em}h1{font-size:clamp(2.3rem,5vw,3.5rem);line-height:1.12;margin:.3rem 0 1rem}.lead{font-size:1.13rem;max-width:790px;color:#50677a}.steps{display:flex;gap:.5rem;flex-wrap:wrap;margin:2rem 0}.steps span{border:1px solid #b5d7dd;border-radius:40px;background:#ecfafa;padding:.45rem .8rem;font-size:.82rem}.panel{background:white;border:1px solid #d8e5e9;border-radius:18px;box-shadow:0 6px 24px #163f5510;padding:1.5rem;margin-bottom:1.25rem}.panel h2{margin-top:0}.form{margin:1.2rem 0;padding:1rem;border:1px solid #deeaec;border-radius:10px;max-width:580px}.form label{display:block;margin:.8rem 0;font-weight:600}.form input,.form select{display:block;width:100%;padding:.75rem;border:1px solid #b7c9d2;border-radius:8px;font:inherit;margin-top:.3rem}.button{display:inline-block;background:#007b86;color:white;text-decoration:none;border:0;padding:.8rem 1.15rem;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.button:hover{background:#035e70}.secondary{background:#e5eef1;color:#163a51;border:1px solid #c2d5da;padding:.7rem 1rem;border-radius:8px;font:inherit;cursor:pointer}.notice{padding:.85rem;background:#f0f8fa;border-left:4px solid #0c9ba7;border-radius:6px}.fine{font-size:.87rem;color:#526878}.locked{background:#f4f6f8;border:1px dashed #adbdc5;border-radius:11px;padding:1rem}.locked span{font-size:.75rem;background:#e5d9cd;color:#735132;border-radius:20px;padding:.2rem .6rem}.step{border-bottom:1px solid #e2edf0;padding:.8rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.step b{color:#8a6c52;white-space:nowrap;font-size:.9rem}.step.done b{color:#047d80}.step small{display:block;color:#647889;font-size:.8rem}.form-grid{display:flex;flex-wrap:wrap;gap:1rem}.form-grid .form{flex:1 1 280px;min-width:0}.account-state{border:1px solid #b4dce0;border-left:5px solid #048896;background:#f1fbfc;padding:1.2rem 1.3rem;border-radius:12px;margin:1rem 0}.account-state h3{font-size:1.35rem;margin:.3rem 0 .5rem}.account-state p{margin:.35rem 0 1rem}.state-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;color:#007986}.state-next{font-weight:700}.account-state[data-kind="warning"]{background:#fffaf0;border-color:#e5c990;border-left-color:#bb8534}.account-state[data-kind="warning"] .state-label{color:#866022}.account-state[data-kind="error"]{background:#fff4f4;border-color:#e5b1b1;border-left-color:#c23b42}.account-state[data-kind="success"]{background:#eefbf6;border-color:#acdaca;border-left-color:#13785a}.account-state button{margin:.3rem .5rem .3rem 0}.notice[data-kind="error"]{background:#fff3f3;border-left-color:#bf3d3d}.notice[data-kind="success"]{background:#eefaee;border-left-color:#16865b}button:disabled{opacity:.65;cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline:3px solid #10a8b8;outline-offset:3px}@media(max-width:600px){.top{flex-wrap:wrap}.shell{margin:1.5rem auto}.panel{padding:1.1rem}.step{align-items:flex-start}.step b{white-space:normal;text-align:right}}
/* Matching original six-screen app sidebar. */
.workspace{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 75px)}.demo-nav{background:#0a2943;color:white;padding:18px 0 22px}.demo-nav .nav-label{font-size:14px;letter-spacing:.12em;color:#8fb4d1;margin:0 15px 8px;font-weight:850}.demo-nav .screen-tab{display:flex;align-items:center;gap:16px;min-height:67px;margin-bottom:5px;padding:12px 15px;border-radius:0 12px 12px 0;color:#f4f8fb;font-size:18px;text-decoration:none}.demo-nav .screen-number{color:#85bde7;min-width:22px;font-size:14px;font-weight:850}.demo-nav .screen-tab.active{background:#087e91;color:#fff;box-shadow:inset 4px 0 #5ee4e9}.demo-nav .screen-tab.active .screen-number{color:#e0fdff}.demo-nav .screen-tab:hover{background:#14536a}.demo-nav .nav-note{margin:24px 14px;padding:16px;border:1px solid #39576e;border-radius:12px;color:#c4d6e1;font-size:12px;line-height:1.5}.demo-nav .nav-note p{margin-bottom:0}@media(max-width:720px){.workspace{display:block}.demo-nav{display:flex;gap:4px;overflow-x:auto;padding:7px;position:sticky;top:0;z-index:2}.demo-nav .screen-tab{flex:0 0 auto;min-height:44px;font-size:14px;border-radius:9px;gap:7px;padding:9px 11px}.demo-nav .screen-number{font-size:11px;min-width:16px}.demo-nav .nav-label,.demo-nav .nav-note{display:none}}