*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0%,#27332e,transparent 60%),#101613;color:#f3eee3;font-family:Arial,sans-serif;padding:28px}main{width:100%;max-width:440px;padding:44px 36px;border:1px solid #435047;border-radius:22px;background:#18211be8;box-shadow:0 24px 80px #0005}.brand{display:block;color:#ead4a4;text-decoration:none;font-size:28px;letter-spacing:7px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:9px}.eyebrow{color:#b8c9aa;font-size:11px;letter-spacing:3px;margin-top:44px}h1{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.15;margin:14px 0}.intro,.note{color:#b8c0b7;line-height:1.6}.intro{font-size:14px;margin-bottom:28px}label{display:block;font-size:13px;margin:18px 0 8px}input{width:100%;padding:14px;border:1px solid #536358;border-radius:8px;background:#111a14;color:#fff;font-size:16px}input:focus{outline:2px solid #d8c395;outline-offset:2px}button{width:100%;padding:15px;border:0;border-radius:8px;background:#dbc697;color:#172019;font-size:16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{min-height:20px;color:#ffb5ae;font-size:13px}.note{font-size:11px;margin:25px 0 0}@media(max-width:480px){main{padding:32px 24px}h1{font-size:30px}}