:root{color-scheme:light;--ink:#20221f;--muted:#75766e;--gold:#d5ae36;--line:#e8e5da;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#faf9f6}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#faf9f6 65%)}a{color:inherit;text-underline-offset:4px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 5vw;font-size:12px;color:var(--muted)}header{border-bottom:1px solid var(--line)}header>span{font-size:10px;letter-spacing:2px}.back{text-decoration:none}.back:hover,.support a:hover{color:#8b6a13}main{flex:1;display:grid;place-items:center;padding:44px 20px 56px}.portal{width:100%;max-width:460px;text-align:center}.logo{width:100px;height:100px;object-fit:contain;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#927528;margin:0 0 14px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,5vw,36px);font-weight:500;letter-spacing:-1px;margin:0}.intro{color:var(--muted);font-size:14px;line-height:1.6;margin:14px 0 32px}.card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:32px;text-align:left;box-shadow:0 12px 40px #29251b06}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 10px;font-weight:500}.hint{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 24px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}input,button{font:inherit;width:100%;border-radius:6px;min-height:48px}input{border:1px solid var(--line);padding:12px 14px;font-size:14px;background:#fafaf8}input:disabled{color:#92938c;opacity:1;cursor:pointer}input::placeholder{color:#92938c;opacity:1}button{margin-top:24px;border:0;background:#e5c45e;color:#413714;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer}.support{border-top:1px solid var(--line);margin:24px 0 0;padding-top:20px;text-align:center;font-size:12px;color:var(--muted)}.support a{color:var(--ink)}footer{border-top:1px solid var(--line);font-size:11px}a:focus-visible{outline:2px solid #927528;outline-offset:5px}@media(max-width:520px){header,footer{padding:20px}header>span{display:none}main{padding-top:32px}.card{padding:26px 22px}footer{flex-direction:column;gap:12px}.logo{width:80px;height:80px;margin-bottom:20px}}

input:focus-visible,button:focus-visible{outline:2px solid #927528;outline-offset:3px}button:hover{background:#dcba50}