.login-page{min-height:100svh;display:flex;justify-content:center;align-items:flex-start;background:#080611 url("assets/pixel-friends.gif") center bottom/cover no-repeat;padding:36px 24px 290px;color:#f1eef8}.login-panel{flex:0 1 430px;min-width:0;max-width:430px;width:min(100%,430px);padding:24px 30px;background:#171421;border:1px solid #393147;border-radius:16px}.login-panel>img{display:block;width:150px;height:50px;max-width:100%;object-fit:contain;margin:0 auto}.login-panel h1{font-size:1.8rem;line-height:1.15;margin:14px 0 12px;letter-spacing:-.025em}.login-panel p{line-height:1.5}.login-panel .small-note,.login-privacy{color:#bdb5cc}.login-panel form{display:grid;gap:10px;margin-top:16px}.login-panel label{font-weight:600;color:#f1eef8}.login-panel input{width:100%;min-height:48px;background:#fff;color:#292a35;border:1px solid #c9c2d6;border-radius:8px;padding:10px 12px;font:inherit}.login-panel input:focus-visible{outline:3px solid #ac91ff;outline-offset:3px}.login-panel>.button,.login-panel form .button{width:100%;margin-top:8px}.login-panel #email-form .button{background:#7250d8;color:#fff;border-color:#7250d8}.login-panel #email-form .button:hover{background:#8060df}.login-panel #email-form .button:disabled{opacity:.6;cursor:wait}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:#bdb5cc}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:#393147}#login-status{min-height:1.5em;line-height:1.5;margin:14px 0}.login-privacy{font-size:.875rem;line-height:1.6;margin:16px 0 0}.login-panel [hidden]{display:none}.login-panel ::selection{background:#7652cd;color:#fff}@media(min-width:1100px) and (min-height:850px){.login-page{padding-top:48px;padding-bottom:320px}}@media(max-width:700px){.login-page{padding:24px 16px 230px;background-size:100% auto}.login-panel{padding:24px;width:min(100%,430px)}}

#login-status:empty{display:none}