/* Account pages use Rogue forms backed by verified Clerk sessions. */
.account-entry{min-height:calc(100svh - 80px);padding:56px 24px 64px;background:#0d0d10}
.account-entry-wrap{width:100%;max-width:452px;margin:0 auto}
.account-entry-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px 2px;color:#a2a2ad;font-size:12px;line-height:24px;transition:color .15s}
.account-entry-back .icon{width:15px;height:15px;transform:rotate(180deg)}
.account-entry-back:hover{color:#fff}
.account-entry-card{padding:32px 36px 28px;background:#151518;border:1px solid #2b2b31;border-radius:16px;box-shadow:0 16px 48px #00000024}
.account-entry-mark{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid #34343b;border-radius:13px;background:#1b1b20}
.account-entry-mark img{width:44px;height:44px;object-fit:contain}
.account-entry h1,.account-entry h2{font-family:var(--body);font-size:27px;font-weight:650;line-height:1.25;letter-spacing:-.7px}
.account-entry-loading{text-align:center;min-height:330px}
.account-entry-loading p{font-size:14px;margin-top:10px}
.account-entry-placeholder{height:46px;border:1px solid #303037;border-radius:8px;margin-top:32px;background:#1b1b20}
.account-entry-help{text-align:center;font-size:12px;color:#91919d;margin-top:24px}
.account-entry-help a{display:inline-flex;align-items:center;gap:4px;color:#d6d6de;margin-left:3px}
.account-entry-help a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.account-entry-help .icon{width:12px;height:12px}
.account-entry #auth-session-panel{min-width:0;font-size:14px}
.account-entry .auth-connected{text-align:center}
.account-entry .auth-connected .eyebrow{justify-content:center;margin-bottom:12px;color:#aaaab6;letter-spacing:1px}
.account-entry .auth-submit{font-size:14px;border-radius:8px;justify-content:center;min-height:46px;transform:none}
.account-entry .auth-retry{font-size:13px;margin-top:20px}
.account-entry .auth-status:not(:empty){font-size:12px;line-height:1.7;margin:20px 0 0;padding:12px 14px;background:#201c20;border-color:#443139;color:#d9c2c7;border-radius:8px}
.account-entry input:-webkit-autofill,.account-entry input:-webkit-autofill:hover,.account-entry input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f5f7;-webkit-box-shadow:0 0 0 1000px #1c1c22 inset;caret-color:#f5f5f7}
.account-entry input:focus-visible,.account-entry button:focus-visible,.account-entry a:focus-visible{outline:2px solid #fa6373;outline-offset:3px}
@media(max-width:600px){
 .account-entry{padding:28px 18px 44px;min-height:calc(100svh - 70px)}
 .account-entry-card{padding:28px 24px 24px;border-radius:14px}
 .account-entry-back{margin-bottom:16px}
 .account-entry h1,.account-entry h2{font-size:25px}
 .account-entry-mark{margin-bottom:22px}
 .account-entry input{font-size:16px}
}
@media(max-width:360px){.account-entry{padding-inline:12px}.account-entry-card{padding-inline:18px}}

/* Rogue owns the account forms; Clerk's client verifies each security step. */
.rogue-auth-heading{text-align:center;margin-bottom:28px}
.rogue-auth-heading h1:focus{outline:none}
.rogue-auth-heading p{margin:10px 0 0;font-size:14px;line-height:1.65;color:#a1a1ad}
.rogue-auth fieldset{padding:0;margin:0;border:0;min-width:0;display:grid;gap:19px}
.rogue-auth-field{display:grid;gap:8px}
.rogue-auth-field>label{font-size:13px;font-weight:550;color:#dadae2}
.rogue-auth-field input{width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1px solid #36363f;background:#1c1c22;border-radius:8px;color:#f5f5f7;font:400 16px/1.4 var(--body);box-shadow:none}
.rogue-auth-field input:focus{border-color:#ef6274;outline:2px solid #ef334b30;outline-offset:1px}
.rogue-password{position:relative}
.rogue-password input{padding-right:65px}
.rogue-password button{position:absolute;right:5px;top:5px;bottom:5px;min-width:48px;border:0;background:transparent;border-radius:5px;font:500 12px var(--body);color:#bcbcc7;cursor:pointer}
.rogue-password button:hover{color:#fff;background:#ffffff08}
.rogue-auth .auth-submit{width:100%;gap:10px;border:0;margin:5px 0 0;letter-spacing:0;text-transform:none;font-weight:600;box-shadow:none;background:#ef334b}
.rogue-auth .auth-submit:hover{background:#d92940}
.rogue-auth button:disabled{cursor:wait;opacity:.6}
.rogue-auth a,.rogue-auth-link{color:#ff7b8b}
.rogue-auth a:hover,.rogue-auth-link:hover{color:#ffacb6;text-decoration:underline;text-underline-offset:3px}
.rogue-forgot{justify-self:end;font-size:12px;line-height:1.6;margin-top:-9px}
.rogue-auth-link{display:block;margin:20px auto 0;padding:6px 0;border:0;background:transparent;cursor:pointer;font:500 13px var(--body)}
.rogue-auth-link:disabled{color:#9696a3;cursor:default;text-decoration:none}
.rogue-auth-footer{text-align:center;margin-top:26px;padding-top:22px;border-top:1px solid #2e2e35;font-size:13px;line-height:1.6;color:#a1a1ad}
.rogue-auth-footer a{font-weight:550}
.rogue-code{letter-spacing:.28em}
.rogue-auth-error,.rogue-auth-notice{padding:12px 14px;margin-top:20px;border:1px solid #81404a;border-radius:8px;background:#291a20;color:#ffb4bc;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.rogue-auth-notice{border-color:#386e54;background:#12271e;color:#b7ebcf}
.rogue-auth-check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;color:#b7b7c3}
.rogue-auth-check input{width:16px;height:16px;accent-color:#ef334b;flex:none}
.rogue-auth[aria-busy=true] a{pointer-events:none;opacity:.6}
#clerk-captcha:empty{display:none}

.rogue-social-buttons{display:grid;gap:10px}
.rogue-social-button{min-height:46px;width:100%;padding:11px 18px;border:1px solid #3c3c44;border-radius:8px;background:#202025;color:#f5f5f7;font:500 14px var(--body);cursor:pointer}
.rogue-social-button:hover{background:#2b2b32;border-color:#62626c}
.rogue-auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#a1a1ad;font-size:12px}
.rogue-auth-divider::before,.rogue-auth-divider::after{content:"";height:1px;background:#33333b;flex:1}