body{margin:0;background:#17142b;color:#f8f3ec;font:16px system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center}main{box-sizing:border-box;width:min(92vw,440px);padding:32px;background:#27213e;border:1px solid #a18a5c;border-radius:18px;box-shadow:0 20px 70px #0006}h1{font-size:25px;margin:6px 0 14px;color:#efcf83}p{line-height:1.7;color:#c7bedb}label{display:block;margin:24px 0 8px}input,button{box-sizing:border-box;width:100%;font:inherit;border-radius:9px;padding:14px}input{border:1px solid #9e8ab6;background:#17142b;color:white}button{margin-top:18px;background:#e4c179;color:#261d36;border:0;cursor:pointer;font-weight:700}.error{color:#ffd1cb}small{display:block;margin-top:18px;line-height:1.6;color:#aaa1bd}