*{box-sizing:border-box}body{margin:0;background:#EDE5DE;color:#3c2b24;font:17px/1.55 system-ui,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}.login{width:min(100%,490px);background:#fffdfa;border:1px solid #D9C5B2;border-radius:22px;padding:clamp(24px,5vw,42px)}h1{font:38px/1.1 Georgia,serif;margin:14px 0 18px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8C4A32;font-weight:700}.hint,small{font-size:13px;color:#75665e}button,input{font:inherit;width:100%;padding:13px 15px;border-radius:8px;border:1px solid #AF9B89;margin:7px 0 14px}button{background:#8C4A32;color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.55}input{background:white;color:#3c2b24}label{display:block}a{color:#8C4A32}details{border-top:1px solid #D9C5B2;margin-top:24px;padding-top:20px}summary{cursor:pointer;margin-bottom:18px}footer{border-top:1px solid #D9C5B2;margin-top:22px;padding-top:15px;font-size:12px;color:#75665e}:focus-visible{outline:3px solid #647692;outline-offset:3px}#login-message{color:#8C4A32;min-height:1.5em}

body{background:radial-gradient(ellipse at 15% 15%,#76B4C833,transparent 50%),radial-gradient(ellipse at 90% 60%,#C9959533,transparent 50%),#EDE5DE;font-family:system-ui,sans-serif}.login{border:1px solid #fff;border-radius:32px;background:#ffffffcc;box-shadow:0 24px 70px #64769222;padding:32px}h1{font:500 38px/1.1 system-ui;letter-spacing:-.045em}button,input{min-height:48px;border-radius:14px}summary{min-height:44px;align-content:center}@media(max-width:600px){.login{border-radius:24px;padding:25px}h1{font-size:32px}}