:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080909;color:#eeeae0}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:radial-gradient(ellipse at 50% 0,#d6bc7a0c,transparent 60%),#080909}
.login-card{width:min(100%,440px);padding:40px;border:1px solid #cfb57830;border-radius:14px;background:linear-gradient(145deg,#181a1b,#0d0e0f);box-shadow:inset 0 1px #eeeae010,0 28px 90px #0008}
.login-brand{display:flex;align-items:center;gap:15px;margin-bottom:44px;color:#d6bc7a}.login-brand strong{display:block;font:400 31px/1 Georgia,serif;letter-spacing:.035em}.login-brand div>span{display:block;margin-top:8px;font-size:9px;letter-spacing:.08em;color:#adaaa2}.monogram{width:43px;height:48px;display:grid;place-items:center;font:32px/1 Georgia,serif;border-inline:1px solid #d6bc7a60;position:relative}.monogram::before,.monogram::after{content:"";position:absolute;inset:0;border-block:1px solid #d6bc7a60;width:7px}.monogram::after{left:auto;right:0}
.eyebrow{font-size:9px;letter-spacing:.2em;color:#d6bc7a;margin:0 0 12px}h1{font:400 33px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}.intro{font-size:13px;color:#adaaa2;line-height:1.6;margin:12px 0 28px}label{display:block;font-size:12px;color:#d0ccc1;margin:20px 0 9px}input{width:100%;min-width:0;background:#090b0c;border:1px solid #cfb57835;border-radius:6px;padding:13px 14px;color:#eeeae0;font-size:16px;outline:none}input:focus-visible{border-color:#d6bc7a;box-shadow:0 0 0 3px #d6bc7a15}input::placeholder{color:#85847e}.error{min-height:20px;font-size:12px;line-height:1.5;color:#e8b85f;margin:14px 0}button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6d2a040;border-radius:6px;padding:14px 17px;background:linear-gradient(110deg,#ddc58a,#bfa163);color:#17140e;font-size:13px;font-weight:600;cursor:pointer}button:hover{background:#e6d2a0}button:focus-visible{outline:2px solid #eeeae0;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}.privacy{border-top:1px solid #cfb57820;padding-top:22px;margin:27px 0 0;font-size:11px;line-height:1.8;color:#adaaa2}noscript{display:block;color:#e8b85f;margin-top:15px;font-size:12px}
@media(max-width:480px){.login-card{padding:30px 24px}.login-brand{margin-bottom:32px}h1{font-size:30px}}