:root { --auth-navy:#07064f; --auth-navy-dark:#03032f; --auth-navy-soft:#15146d; --auth-yellow:#ffcf00; --auth-yellow-soft:#fff8d8; --auth-text:#101828; --auth-muted:#667085; --auth-border:#dce3ed; --auth-danger:#b4232f; }
* { box-sizing:border-box; }
html,body { width:100%; height:100%; min-height:100%; margin:0; overflow:hidden; }
body.account-auth { height:100vh; height:100dvh; min-height:0; display:flex; align-items:stretch; justify-content:center; padding:0; overflow-x:hidden; background:#fff; color:var(--auth-text); font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif; }
.account-auth .auth-shell { width:100%; height:100vh; height:100dvh; min-height:0; display:grid; grid-template-columns:minmax(380px,45%) minmax(440px,55%); overflow:hidden; background:#fff; border:0; border-radius:0; box-shadow:none; }
.account-auth .auth-brand-panel { position:relative; height:100%; min-height:0; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:clamp(28px,4vw,56px); background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 42%),linear-gradient(145deg,var(--auth-navy-soft),var(--auth-navy) 58%,var(--auth-navy-dark)); color:#fff; }
.account-auth .auth-brand-panel::before,.account-auth .auth-brand-panel::after { content:''; position:absolute; border:1px solid rgba(255,207,0,.38); border-radius:44% 56% 55% 45%; transform:rotate(28deg); }
.account-auth .auth-brand-panel::before { width:290px; height:290px; right:-145px; bottom:-70px; box-shadow:0 0 0 16px rgba(255,207,0,.04),0 0 0 38px rgba(255,207,0,.025); }
.account-auth .auth-brand-panel::after { width:180px; height:180px; top:-92px; left:-82px; box-shadow:0 0 0 18px rgba(255,255,255,.035); }
.account-auth .auth-brand { position:relative; z-index:1; display:flex; gap:13px; align-items:center; }
.account-auth .auth-brand img { width:56px; height:56px; object-fit:contain; }
.account-auth .auth-brand strong { display:block; font-size:20px; font-weight:800; letter-spacing:-.02em; }
.account-auth .auth-brand span { display:block; margin-top:3px; color:rgba(255,255,255,.7); font-size:10px; line-height:1.5; }
.account-auth .auth-brand-copy { position:relative; z-index:1; margin:auto 0; padding:38px 0; }
.account-auth .auth-brand-copy small { display:inline-flex; align-items:center; gap:8px; color:var(--auth-yellow); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.account-auth .auth-brand-copy small::before { content:''; width:24px; height:2px; border-radius:99px; background:var(--auth-yellow); }
.account-auth .auth-brand-copy h1 { max-width:360px; margin:15px 0 0; font-size:clamp(34px,4vw,48px); font-weight:800; line-height:1.12; letter-spacing:-.04em; }
.account-auth .auth-brand-copy p { max-width:350px; margin:18px 0 0; color:rgba(255,255,255,.72); font-size:13px; line-height:1.8; }
.account-auth .auth-security { position:relative; z-index:1; display:flex; gap:10px; align-items:flex-start; color:rgba(255,255,255,.67); font-size:11px; line-height:1.55; }
.account-auth .auth-security i { margin-top:2px; color:var(--auth-yellow); }
.account-auth .auth-form-panel { height:100%; min-height:0; display:flex; align-items:center; padding:clamp(20px,3.5vh,36px) clamp(38px,8vw,112px); overflow-x:hidden; overflow-y:auto; background:#fff; }
.account-auth .auth-form-wrap { width:100%; max-width:440px; margin:auto; }
.account-auth .auth-eyebrow { margin:0 0 7px; color:#a17c00; font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.account-auth .auth-heading h2 { margin:0; color:var(--auth-navy); font-size:30px; font-weight:800; letter-spacing:-.035em; }
.account-auth .auth-heading>p:last-child { margin:8px 0 20px; color:var(--auth-muted); font-size:12px; line-height:1.6; }
.account-auth .auth-alert,.account-auth .auth-notice { display:flex; gap:10px; align-items:flex-start; margin-bottom:18px; padding:12px 14px; border-radius:10px; font-size:12px; line-height:1.55; }
.account-auth .auth-alert { border:1px solid #f1bec3; background:#fff1f2; color:var(--auth-danger); }
.account-auth .auth-notice { border:1px solid #efd371; background:#fffbea; color:#735900; }
.account-auth .auth-alert p,.account-auth .auth-notice p { margin:0; }
.account-auth .auth-field { margin-bottom:12px; }
.account-auth .auth-field label { display:block; margin:0 0 5px; color:#344054; font-size:11.5px; font-weight:700; }
.account-auth .required { color:var(--auth-danger); }
.account-auth .auth-control-wrap { position:relative; }
.account-auth .auth-control-wrap>i:first-child { position:absolute; top:50%; left:14px; z-index:1; color:#929caf; transform:translateY(-50%); }
.account-auth .auth-control { width:100%; height:44px; padding:0 43px; border:1px solid var(--auth-border); border-radius:11px; background:#fbfcfe; color:var(--auth-text); font-family:inherit; font-size:12.5px; font-weight:500; line-height:44px; outline:0; transition:border-color .18s,box-shadow .18s,background .18s; }
.account-auth .auth-control:focus { border-color:#a58817; background:#fff; box-shadow:0 0 0 4px rgba(255,207,0,.18); }
.account-auth .has-error .auth-control { border-color:var(--auth-danger); }
.account-auth .auth-hint { display:block; margin-top:6px; color:var(--auth-muted); font-size:10.5px; line-height:1.5; }
.account-auth .password-toggle { position:absolute; top:50%; right:8px; width:34px; height:34px; border:0; background:transparent; color:#788396; transform:translateY(-50%); cursor:pointer; }
.account-auth .auth-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.account-auth .captcha-grid { display:grid; grid-template-columns:minmax(100px,1fr) 120px 46px; gap:8px; align-items:center; }
.account-auth .captcha-image { height:44px; padding:3px 7px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--auth-border); border-radius:11px; background:#f7f8fb; }
.account-auth .captcha-image svg,.account-auth .captcha-image img { display:block; max-width:100%; max-height:38px; object-fit:contain; }
.account-auth .captcha-refresh { width:46px; height:44px; border:1px solid #e4c34c; border-radius:11px; background:var(--auth-yellow-soft); color:#846500; cursor:pointer; }
.account-auth .auth-agree { display:flex; gap:9px; align-items:flex-start; margin:5px 0 18px; color:var(--auth-muted); font-size:11px; line-height:1.5; }
.account-auth .auth-agree input { margin-top:2px; accent-color:var(--auth-navy); }
.account-auth .auth-submit { width:100%; min-height:46px; border:1px solid var(--auth-navy); border-radius:11px; background:var(--auth-navy); color:#fff; font-family:inherit; font-size:12.5px; font-weight:800; cursor:pointer; transition:transform .15s,background .15s; }
.account-auth .auth-submit i { margin-left:6px; color:var(--auth-yellow); }
.account-auth .auth-submit:hover { background:#11106a; }
.account-auth .auth-links { margin:20px 0 0; text-align:center; color:var(--auth-muted); font-size:11.5px; }
.account-auth .auth-links a { color:var(--auth-navy); font-weight:700; text-decoration:none; }
.account-auth .auth-links a:hover { text-decoration:underline; }
.account-auth .auth-invalid { padding:28px 0; text-align:center; }
.account-auth .auth-invalid i { display:grid; width:58px; height:58px; margin:0 auto 16px; place-items:center; border-radius:50%; background:#fff3d0; color:#9a7200; font-size:23px; }
.account-auth .auth-invalid h3 { margin:0 0 9px; font-size:18px; }
.account-auth .auth-invalid p { margin:0 0 20px; color:var(--auth-muted); font-size:12px; line-height:1.65; }
@media(min-width:821px) and (max-height:720px){.account-auth .auth-brand-panel{padding:26px 44px}.account-auth .auth-brand-copy{padding:20px 0}.account-auth .auth-brand-copy h1{font-size:38px}.account-auth .auth-brand-copy p{margin-top:12px;line-height:1.65}.account-auth .auth-form-panel{padding-top:14px;padding-bottom:14px}.account-auth .auth-heading>p:last-child{margin-bottom:14px}.account-auth .auth-field{margin-bottom:9px}}
@media(max-width:820px){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body.account-auth{height:auto;align-items:flex-start}.account-auth .auth-shell{height:auto;min-height:100dvh;grid-template-columns:1fr}.account-auth .auth-brand-panel{height:auto;min-height:230px;padding:28px 30px}.account-auth .auth-brand-copy{padding:38px 0 8px}.account-auth .auth-brand-copy h1{font-size:30px}.account-auth .auth-brand-copy p{margin-top:10px}.account-auth .auth-security{display:none}.account-auth .auth-form-panel{height:auto;min-height:0;padding:34px 30px 40px;overflow:visible}}
@media(max-width:480px){.account-auth .auth-brand-panel{min-height:205px;padding:24px}.account-auth .auth-brand img{width:48px;height:48px}.account-auth .auth-brand strong{font-size:17px}.account-auth .auth-brand-copy{padding-top:28px}.account-auth .auth-brand-copy h1{font-size:27px}.account-auth .auth-brand-copy p{font-size:11.5px}.account-auth .auth-form-panel{padding:30px 22px 38px}.account-auth .auth-grid{grid-template-columns:1fr;gap:0}.account-auth .captcha-grid{grid-template-columns:minmax(105px,1fr) 115px 46px}}