.account-main{min-height:calc(100svh - 100px);display:grid;place-items:center;padding:40px 24px 80px}.account-panel{width:100%;max-width:420px}.account-panel h1{font-size:clamp(44px,6vw,64px);line-height:1.04;margin:24px 0 36px}.account-panel label:not(.remember-choice){display:block;font-size:14px;margin:22px 0 9px}.account-panel input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:15px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff04;color:#f4f2f9;font:inherit}.account-panel input:focus-visible{outline:2px solid #c5a9e8;outline-offset:3px}.account-panel .pill{width:100%;display:flex;justify-content:center;margin-top:24px}.account-panel button:disabled{opacity:.55;cursor:wait}.account-panel #logout{margin-top:26px}.account-panel strong{font-weight:400;color:#e6dced}.account-panel [hidden]{display:none!important}

.account-panel .remember-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.account-panel .account-return a{min-height:44px;display:inline-flex;align-items:center}.account-panel .text-button{min-height:44px;font-size:14px}.account-panel .account-return{font-size:14px}.account-panel .error{min-height:1.6em}
.email-verification .account-panel h1{font-size:48px;line-height:1.08}.email-verification .account-panel{max-width:440px}
@media(max-width:600px){.email-verification .account-panel h1{font-size:38px;margin-top:18px;margin-bottom:24px}}

.account-panel .account-forgot{margin:8px 0 0;padding:8px 0;text-align:left}.account-panel #recovery-feedback{min-height:1.6em;margin-top:20px;font-size:15px;color:#dfccea}.account-panel #recovery-intro{font-size:16px;line-height:1.7}.account-panel #login-status{margin-top:18px;color:#d9c4e7;font-size:15px}.account-panel #recovery-code{letter-spacing:.25em;font-size:20px}.account-panel #recovery-panel .text-button{margin:8px 0 0;padding-inline:0}.account-panel .password-hint{font-size:14px;line-height:1.6;margin-top:9px}.account-panel #recovery-back{margin-top:22px}
.account-panel #recovery-panel .text-button{display:flex;width:fit-content;max-width:100%;text-align:left}
.account-panel .google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:12px 20px;border:1px solid #d6c6e63b;border-radius:999px;background:linear-gradient(120deg,#26212b,#121115);color:#f5f0fb;font:500 15px/1.4 Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.account-panel .google-login:hover{background:#29232f;border-color:#bda8d280}.account-panel .google-login:focus-visible{outline:2px solid #d6b8f3;outline-offset:4px}.google-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;font:700 18px/1 Arial,sans-serif}.login-divider{display:flex;align-items:center;gap:14px;margin:25px 0 5px;color:#aa9fb4;font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#ffffff17}
.account-panel:has(#recovery-panel:not([hidden])) h1{font-size:48px;line-height:1.08;margin:18px 0 26px}
@media(max-width:600px){.account-panel:has(#recovery-panel:not([hidden])) h1{font-size:38px}}
.email-verification header.ob-nav{width:100%;max-width:1200px;min-height:92px;padding:20px 24px;margin-inline:auto}.email-verification header.ob-nav .brand{font:italic 400 24px/1.2 var(--font-heading);letter-spacing:.5px;min-height:52px}
@media(max-width:768px){.email-verification header.ob-nav{padding-inline:16px}.email-verification header.ob-nav .brand{font-size:21px}}
@media(max-width:360px){.email-verification header.ob-nav .brand{font-size:18px}}