:root{--paper: #F1F3EF;--card: #FBFCFA;--ink: #16241E;--ink-soft: #5C6C64;--rule: #D2D9D3;--signal: #1D6B48;--signal-ink: #0F3D29;--alert: #9E3323;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 4rem}.shell__inner{width:100%;max-width:27rem}.mark{font-weight:600;letter-spacing:-.01em;margin:0 0 2.5rem;font-size:.95rem}.mark span{color:var(--signal)}.mark em{font-style:normal;font-weight:450;color:var(--ink-soft);margin-left:.35rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:2.5rem;list-style:none;padding:0}.steps li{border-top:2px solid var(--rule);padding-top:.5rem;font-size:.78rem;color:var(--ink-soft);display:flex;gap:.4rem}.steps li[data-state=current]{border-top-color:var(--signal);color:var(--signal-ink);font-weight:500}.steps li[data-state=done]{border-top-color:var(--signal)}.steps b{font-family:var(--mono);font-weight:400}h1{font-size:1.55rem;line-height:1.2;letter-spacing:-.02em;font-weight:600;margin:0 0 .5rem}.lede{color:var(--ink-soft);margin:0 0 2rem;font-size:.95rem}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem}.hint{font-size:.8rem;color:var(--ink-soft);margin:.5rem 0 0}input,select{width:100%;font-family:var(--sans);font-size:1rem;padding:.7rem .8rem;border:1.5px solid var(--rule);border-radius:3px;background:var(--card);color:var(--ink)}input:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}input.code{font-family:var(--mono);font-size:1.5rem;letter-spacing:.14em;text-align:center;padding:1.1rem .6rem;text-transform:uppercase}input.code::placeholder{letter-spacing:.14em;color:#b6c0b8}input.otp{font-family:var(--mono);font-size:1.9rem;letter-spacing:.5em;text-align:center;padding:1rem 0 1rem .5em}.field+.field{margin-top:1rem}button{width:100%;font-family:var(--sans);font-size:.95rem;font-weight:500;padding:.75rem 1rem;border-radius:3px;border:1.5px solid transparent;cursor:pointer;background:var(--signal);color:#fff;transition:background .12s ease}button:hover:not(:disabled){background:var(--signal-ink)}button:disabled{background:var(--rule);color:#8a968e;cursor:not-allowed}button:focus-visible{outline:2px solid var(--signal-ink);outline-offset:2px}button.secondary{background:var(--card);color:var(--ink);border-color:var(--rule);display:flex;align-items:center;justify-content:center;gap:.6rem}button.secondary:hover:not(:disabled){background:#fff;border-color:var(--ink-soft)}button.secondary svg{width:18px;height:18px}button.link{width:auto;background:none;color:var(--signal-ink);padding:0;border:0;text-decoration:underline;font-size:.85rem}a.link{color:var(--signal-ink);font-size:.85rem}.stack>*+*{margin-top:.6rem}.actions{margin-top:1.5rem}.or{display:flex;align-items:center;gap:.75rem;color:var(--ink-soft);font-size:.8rem;margin:1.25rem 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--rule)}.notice{border-left:3px solid var(--alert);background:#fff;padding:.7rem .85rem;font-size:.87rem;margin-top:1rem}.notice[data-tone=info]{border-left-color:var(--signal)}.env{background:var(--card);border:1.5px solid var(--rule);border-radius:3px;overflow:hidden}.env__slot{border-bottom:1.5px solid var(--rule);padding:1.5rem 1.25rem;display:flex;align-items:baseline;justify-content:space-between}.env__num{font-family:var(--mono);font-size:3rem;line-height:1;color:var(--signal-ink);font-weight:500}.env__label{font-size:.85rem;color:var(--ink-soft)}.env__rows{margin:0;padding:0}.env__rows div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;font-size:.87rem}.env__rows div+div{border-top:1px solid var(--rule)}.env__rows dt{color:var(--ink-soft)}.env__rows dd{margin:0;font-family:var(--mono);font-size:.82rem;text-align:right;word-break:break-all}.center{text-align:center}.muted{color:var(--ink-soft);font-size:.85rem}.turnstile{margin-top:1.25rem;display:flex;justify-content:center;min-height:65px}.spinner{width:1.5rem;height:1.5rem;margin:3rem auto;border:2px solid var(--rule);border-top-color:var(--signal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}