:root{color-scheme:light;--navy:#14213d;--blue:#17588f;--gold:#aa7b22;--muted:#586879;--border:#dce5ed;--bg:#f3f6f4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;display:flex;flex-direction:column}a{color:var(--blue)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:3}.skip:focus{top:12px}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(18px,calc((100vw - 900px)/2));background:white;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand img{object-fit:contain}.brand strong{display:block;font-size:18px;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:14px}.support{display:flex;align-items:center;min-height:48px;padding:8px;font-size:15px;font-weight:600}
main{width:min(100%,780px);margin:0 auto;padding:38px 22px;flex:1}.intro{margin-bottom:26px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--gold);margin:0 0 14px}h1{font-size:clamp(30px,5vw,42px);line-height:1.13;letter-spacing:-1px;margin:0 0 18px;font-weight:700}h2{font-size:24px;line-height:1.25;letter-spacing:-.4px;margin:0 0 14px;font-weight:700}h3{font-size:18px;line-height:1.3;margin:20px 0 8px;font-weight:600}p{color:var(--muted);margin:0 0 18px}.card{background:white;border:1px solid var(--border);border-radius:18px;padding:26px;margin-bottom:26px}.card>:last-child{margin-bottom:0}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;border:1px solid var(--blue);border-radius:12px;padding:12px 20px;background:var(--blue);color:white;text-decoration:none;font-weight:600;font-size:16px;cursor:pointer;transition:opacity .1s,transform .1s}.button:active{opacity:.78;transform:scale(.98)}form .button{width:100%}.outline{background:white;color:var(--blue)}.hint{font-size:14px;line-height:1.5;margin-top:16px}.accounts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.accounts article{border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0}.accounts h3{margin-top:0}.accounts p{font-size:15px}.accounts dl{margin:0}.accounts dt{font-size:13px;color:var(--muted);margin-top:10px}.accounts dd{margin:0;color:var(--navy)}code{font-size:14px;overflow-wrap:anywhere;user-select:all}.url{display:block;padding:14px;background:var(--bg);border-radius:10px}.demo-note{padding:0 4px}.demo-note h2{font-size:18px;letter-spacing:0}.demo-note p{font-size:14px}footer{padding:16px 22px 24px;font-size:12px;color:var(--muted);text-align:center}footer a{display:inline-flex;min-height:44px;align-items:center}
label[for=demo-progress]{font-size:14px;font-weight:600;display:block;margin-bottom:10px}progress{appearance:none;width:100%;height:10px;border:0;border-radius:6px;overflow:hidden;background:var(--border);accent-color:var(--blue)}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--blue)}progress::-moz-progress-bar{background:var(--blue)}#setup-status{font-size:14px;margin:10px 0}.saying{padding:16px 0;border-top:1px solid var(--border);font-size:16px;color:var(--navy);margin:20px 0 0}
@media(max-width:550px){main{padding:28px 18px}.card{padding:20px}.accounts{grid-template-columns:1fr}.brand strong{font-size:16px}.brand img{width:48px;height:48px}.support{font-size:14px}.button{width:100%}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}