*{box-sizing:border-box}
html,body{margin:0;background:#fbf6ee;color:#1e0b0a;font:15px/1.55 'Manrope','Segoe UI',Roboto,'Noto Sans','Noto Sans Bengali',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}
.auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;margin-bottom:24px}
.auth-brand .brand-badge{width:88px;height:88px;border-radius:50%;background:#fff;box-shadow:0 10px 26px -12px rgba(91,6,9,.5)}
.wordmark{display:inline-flex;align-items:baseline;gap:2px}
.wordmark .w-as{font:800 28px/1.15 'Noto Serif Bengali','Noto Sans Bengali',serif;background:linear-gradient(180deg,#d4141b 0%,#b70e14 45%,#3b0508 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wordmark .w-tld{font:800 16px/1 'Manrope',Arial,sans-serif;color:#b70e14}
.auth-card{width:100%;max-width:410px;background:#fffdf8;border:1px solid #eadcc4;border-radius:18px;padding:28px;box-shadow:0 24px 60px -30px rgba(70,20,10,.3)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3ecdc;border-radius:11px;padding:4px;margin-bottom:22px}
.auth-tabs button{border:0;background:none;padding:9px;border-radius:8px;font:inherit;font-weight:700;color:#8a7464;cursor:pointer}
.auth-tabs button.on{background:#fff;color:#5a0609;box-shadow:0 1px 3px rgba(70,20,10,.12)}
h1{font:700 23px/1.2 'Fraunces',Georgia,serif;color:#5a0609;margin:0 0 6px}
.auth-sub{margin:0 0 20px;color:#8a7464}
.field{margin-bottom:15px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#4a2e26}
input{width:100%;padding:11px 12px;border:1px solid #eadcc4;border-radius:10px;font:inherit;color:#1e0b0a;background:#fff}
input:focus{outline:none;border-color:#b70e14;box-shadow:0 0 0 3px rgba(183,14,20,.12)}
.pw{position:relative}.pw input{padding-right:64px}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font:inherit;font-size:13px;color:#8a7464;padding:6px 8px;cursor:pointer}
.hint{font-size:12.5px;color:#8a7464;margin:6px 0 0}
.error{background:#fbe4df;color:#7d251d;border-radius:9px;padding:10px 12px;font-size:14px;margin:0 0 14px}
.primary{width:100%;padding:12px;border:0;border-radius:11px;background:linear-gradient(180deg,#c8121a,#b70e14 55%,#8a0a0f);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 22px -12px rgba(183,14,20,.7)}
.primary:hover{background:linear-gradient(180deg,#b70e14,#5a0609)}.primary:disabled{opacity:.65;cursor:wait}
.auth-foot{text-align:center;margin:18px 0 0;color:#8a7464;font-size:14px}
.link{border:0;background:none;color:#b70e14;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}
.auth-note{max-width:410px;text-align:center;color:#8a7464;font-size:12.5px;margin-top:20px}
button:focus-visible,a:focus-visible{outline:3px solid #f1b94c;outline-offset:2px}
[hidden]{display:none!important}
/* v7 readability */
html,body{background:#f6f6f7;color:#14100e;font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;font-size:16px}
.auth-card{background:#fff;border-color:#e4dfda}
h1{font-family:'Fraunces',Georgia,serif;font-weight:800;color:#14100e}
.auth-sub,.hint,.auth-foot,.auth-note{color:#5a504a}
label{color:#2e2622}
input{border-color:#d9d3cd;font-size:16px}
.auth-tabs{background:#efebe7}
.auth-top{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:22px}
.auth-top .auth-brand{margin-bottom:0}
.lang-switch{display:inline-flex;gap:2px;border:1.5px solid #e4dfda;border-radius:999px;padding:3px;background:#fff}
.lang-switch a{padding:6px 11px;border-radius:999px;font-size:13.5px;font-weight:800;text-decoration:none;color:#2e2622;line-height:1}
.lang-switch a.on{background:#14100e;color:#fff}
.lang-switch a[lang=as]{font-family:'Noto Sans Bengali',sans-serif}
html[lang=as] body{font-family:'Noto Sans Bengali','Inter',sans-serif;font-size:16.5px;line-height:1.7}
html[lang=as] h1{font-family:'Noto Serif Bengali',serif}
/* readable inactive tab and Show button */
.auth-tabs button{color:#4a3f3a}
.pw button{color:#4a3f3a;font-weight:600}

/* ============ v9.4: winning sunrise login ============ */
html,body{background:#fff8f0}
.auth-split{display:grid;min-height:100vh;padding:0;grid-template-columns:minmax(0,1.08fr) minmax(440px,1fr);grid-template-areas:"art panel";align-items:start;justify-content:stretch}
.auth-art{grid-area:art;position:sticky;top:0;height:100vh;margin:0;overflow:hidden;background:#f6a24c}
.auth-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 100%;display:block}
.auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,8,10,.26) 0%,rgba(60,8,10,0) 34%);pointer-events:none}
.auth-copy{grid-area:art;position:sticky;top:0;align-self:start;justify-self:start;z-index:2;margin:clamp(20px,3vw,40px);max-width:500px;padding:20px 24px;border-radius:18px;color:#fff;
  background:linear-gradient(180deg,rgba(52,7,10,.84),rgba(52,7,10,.72));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,214,150,.32);box-shadow:0 24px 60px -28px rgba(40,4,6,.7)}
.copy-kicker{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffd58a}
.auth-copy h2{margin:0;font:800 clamp(23px,2.2vw,30px)/1.18 'Fraunces',Georgia,serif;color:#fff}
.copy-offer{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:rgba(241,185,76,.18);border:1px solid rgba(241,185,76,.5);color:#fff;font-weight:700;font-size:15px;line-height:1.4}
.copy-offer::before{content:"\2605";flex:none;width:22px;height:22px;border-radius:50%;background:#ffd27a;color:#4a0507;text-align:center;line-height:22px;font-size:13px}
.auth-panel{grid-area:panel;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;background:radial-gradient(120% 70% at 50% 0%,#fff3e2 0%,#fffaf4 55%,#ffffff 100%)}
.auth-top{margin-bottom:16px}
.auth-brand .brand-badge{width:72px;height:72px}
.auth-card{box-shadow:0 30px 70px -34px rgba(120,40,10,.38);border-color:#efe2d2}
.auth-assure{margin:10px 0 0;text-align:center;font-size:13.5px;color:#2f5a22;font-weight:600}
.auth-assure::before{content:"\2713  ";color:#2f7a3a;font-weight:900}
.auth-trust{width:100%;max-width:410px;margin-top:14px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid #efe2d2}
.auth-trust h2{margin:0 0 8px;font:800 14px/1.3 'Inter','Noto Sans Bengali',sans-serif;color:#5a0609}
.auth-trust ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.auth-trust li{position:relative;padding-left:26px;font-size:14px;line-height:1.45;color:#2e2622}
.auth-trust li::before{content:"\2713";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#e4f2e6;color:#24672f;font-size:11px;font-weight:900;line-height:18px;text-align:center}
.auth-note{margin-top:14px}
@media (min-width:900px) and (max-height:800px){.copy-kicker{display:none}.auth-copy{padding:16px 20px}.auth-copy h2{font-size:22px}}
@media (max-width:899px){
  .auth-split{grid-template-columns:1fr;grid-template-areas:"art" "copy" "panel"}
  .auth-art{position:relative;height:auto;aspect-ratio:16/7}
  .auth-art img{object-position:center}
  .auth-art::after{display:none}
  .auth-copy{grid-area:copy;position:static;margin:0;max-width:none;justify-self:stretch;border-radius:0;border:0;padding:16px 18px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#5a0609,#3d0507)}
  .auth-copy h2{font-size:20px}
  .copy-offer{font-size:14px}
  .auth-panel{min-height:0;padding:20px 16px 28px;background:#fffaf4}
  .auth-brand .brand-badge{width:60px;height:60px}
}
html[lang=as] .auth-copy h2{font-family:'Noto Serif Bengali',serif;line-height:1.35}
html[lang=as] .copy-kicker{letter-spacing:0;text-transform:none}

.link{min-height:28px;padding:4px 2px;display:inline-flex;align-items:center}
