.account-main{min-height:100vh;padding:150px 24px 80px;background:radial-gradient(ellipse at 50% 0,rgba(145,12,24,.2),transparent 60%)}
.account-panel{width:min(100%,620px);margin:auto;padding:42px;background:#100d10;border:1px solid #422127;border-radius:6px;box-shadow:0 25px 90px #0008}
.account-panel h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:12px 0 22px}.account-panel>p{line-height:1.65}
.account-panel form{display:grid;gap:11px;margin:25px 0}.account-panel label{font-weight:650;margin-top:9px}.account-panel small{display:block;font-size:.78rem;font-weight:400;color:#aaa0a3;margin-top:5px;line-height:1.5}
.account-panel input{width:100%;min-width:0;padding:13px 15px;color:#f4edef;background:#080709;border:1px solid #503037;border-radius:3px;font:inherit}.account-panel input:focus{outline:2px solid #ce4854;outline-offset:2px}
.signup-state{padding:13px 16px;border-left:3px solid #a13240;background:#271317}.account-note{font-size:.8rem;line-height:1.6;color:#aaa0a3}.account-panel button{margin-top:6px;justify-content:center}.account-panel button:disabled{opacity:.55;cursor:not-allowed}#signup-result{line-height:1.6;margin:0}#signup-result.error{color:#ffb4bd}#signup-result.success{color:#c4dfc5}
@media(max-width:600px){.account-main{padding:110px 16px 40px}.account-panel{padding:26px 20px}.account-page header nav{display:none}}