*{box-sizing:border-box}body{margin:0;background:#102b3b;color:#172938;font:15px system-ui;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:#fff;border-radius:16px;padding:36px;width:100%;max-width:540px;box-shadow:0 24px 80px #031b2b55}.brand{font-size:12px;letter-spacing:2px;color:#087f8c;font-weight:700}h1{font-size:28px;margin:22px 0 8px}.intro{color:#657986;margin:0 0 26px}.account-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-options button{background:#fff;color:#172938;border:1px solid #c9d7df;text-align:left;padding:16px;line-height:1.6}.account-options button[aria-pressed="true"]{background:#eaf8f5;border:2px solid #087f8c;padding:15px}.account-options strong{display:block;font-size:15px}.account-options span{display:block;font-size:12px;color:#627a87}label{display:block;margin:20px 0 8px;font-weight:550}input{display:block;width:100%;font:inherit;font-weight:400;padding:12px;border:1px solid #bccdd5;border-radius:6px;margin-top:8px}input[readonly]{background:#f3f6f8;color:#536f7d}button{width:100%;padding:12px;border:0;border-radius:6px;background:#087f8c;color:#fff;font:inherit;cursor:pointer}small{display:block;color:#657986;font-size:12px;font-weight:400;line-height:1.6;margin-top:8px}.footer-note{margin-top:22px;text-align:center}#login-error{color:#a54331}button:disabled{opacity:.5}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:3px solid #32c7ac;outline-offset:3px}@media(max-width:450px){main{padding:24px}.account-options{grid-template-columns:1fr}h1{font-size:24px}}