:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#070a0f;color:#e9eef5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.shell{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:clamp(2rem,10vh,6rem) 1rem}.panel{width:min(100%,28rem);padding:clamp(1.5rem,5vw,2.5rem);background:#0b1018;border:1px solid #273344;border-radius:1rem;box-shadow:0 1rem 4rem #1b508033}.brand{color:#93a2b5;font-weight:700;letter-spacing:.04em}h1{margin:1.5rem 0 .5rem;font-size:2rem}h1:focus{outline:none}h2{margin-top:2rem}p{color:#93a2b5;line-height:1.55}label{display:grid;gap:.5rem;margin:1rem 0;font-weight:650}input{width:100%;min-height:44px;padding:.75rem;color:#e9eef5;background:#070a0f;border:1px solid #526176;border-radius:.65rem}button,.button{display:block;width:100%;min-height:44px;margin-top:1rem;padding:.75rem 1rem;border:1px solid #448bcb;border-radius:.65rem;background:#448bcb;color:#070a0f;font-weight:750;text-align:center;text-decoration:none;cursor:pointer}button.secondary{background:transparent;color:#e9eef5;border-color:#526176}button.link,a.link{display:block;width:fit-content;min-height:44px;margin:.5rem auto 0;padding:.5rem;border:0;background:transparent;color:#57a0e0;text-align:center}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #57a0e0;outline-offset:2px}.error{margin:1rem 0;padding:.75rem;border-left:3px solid #ffb4ab;color:#ffb4ab}.success{color:#9bd7b1}.kicker,dt{margin:1rem 0 .25rem;color:#93a2b5;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}dd{margin:0}.qr{display:block;width:min(16rem,100%);margin:1rem auto;border-radius:.5rem}.codes{display:grid;gap:.5rem;padding-left:1.5rem;font-family:ui-monospace,monospace;-webkit-user-select:all;user-select:all}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}