:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#efe6df;background:#100d17}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 75% 15%,#3c29494d,transparent 50%),radial-gradient(ellipse at 20% 90%,#76603924,transparent 55%)}main{width:min(100%,480px);padding:42px;border:1px solid #b291bc32;border-radius:26px;background:#211a2acd;box-shadow:0 30px 100px #0005}.emblem{width:48px;height:48px;display:grid;place-items:center;font:32px Georgia;color:#e4c89c;border:1px solid #c3a78a66;border-radius:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:#b6a0ba;margin-top:28px}h1{font:40px/1.16 Georgia,serif;letter-spacing:-1px;margin:22px 0}h1 em{color:#e0c597;font-weight:normal}p{font-size:14px;line-height:1.65;color:#bfb1c4}form{margin:30px 0 24px}label{display:block;font-size:12px;color:#d6c6d9;margin-bottom:9px}input{width:100%;border:1px solid #76677d;border-radius:10px;padding:15px;background:#15111c;color:#fff;font-size:16px;outline:none}input:focus{border-color:#e2c89b;box-shadow:0 0 0 3px #e2c89b18}button{display:flex;justify-content:space-between;width:100%;margin-top:15px;padding:15px 18px;background:linear-gradient(110deg,#e9d7b0,#d3b087);color:#2c2230;border:0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.65}#error{color:#efafb7;font-size:13px}footer{font-size:10px;color:#918597;border-top:1px solid #b69ca922;padding-top:23px}@media(max-width:520px){body{padding:16px}main{padding:28px 23px}h1{font-size:34px}}