/* t3315 v3 full-page — Aider reviewed (bash.009) */
/* t3315 full-page auth v3 — navy marble, centered frosted card, slim header, opaque footer */
html body.ldk.auth, body.ldk.auth{
  margin:0; min-height:100vh; color:#e6e9ff;
  font-family:Inter,"Noto Sans Bengali",system-ui,sans-serif;
  background:#050816 url("/portal/navy-marble-bg-t3312-v2.jpg") center/cover no-repeat fixed!important;
  padding:0!important; display:block!important;
}
html body.ldk .bgx{display:none!important}
/* slim header */
.ahd{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px 8px;max-width:1200px;margin:0 auto}
.ahd .ahd-logo img{height:36px;width:auto;display:block}
.ahd .lp{margin:0}
.ahd .lp a, .alang{
  display:inline-flex;align-items:center;gap:0;padding:3px;border-radius:999px;
  background:rgba(15,23,52,.65);border:1px solid rgba(148,163,255,.28);text-decoration:none;font-size:13px;font-weight:600}
.alang span,.alang a{padding:6px 12px;border-radius:999px;color:#b9c0ee}
.alang .on{background:#2563eb;color:#fff}
/* corner cubes — upper only */
.acubes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.acubes img{position:absolute;width:min(280px,38vw);opacity:.42;filter:saturate(1.1)}
.acubes .c-l{top:64px;left:-20px;transform:rotate(-8deg)}
.acubes .c-r{top:72px;right:-30px;transform:rotate(10deg) scaleX(-1)}
/* stage centers card */
.astage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;
  padding:12px 16px 48px;min-height:calc(100vh - 160px)}
html body.ldk .acard{
  width:100%;max-width:440px!important;margin:24px auto 0!important;padding:28px 28px 24px!important;
  border-radius:22px!important;
  background:linear-gradient(160deg,rgba(15,23,52,.78),rgba(8,12,36,.82))!important;
  backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);
  border:1px solid rgba(148,163,255,.32)!important;
  box-shadow:0 0 0 1px rgba(99,102,241,.12),0 24px 64px rgba(0,0,0,.45)!important;
  color:#e6e9ff!important
}
html body.ldk .acard .logo{display:flex;justify-content:center;margin:0 0 14px}
html body.ldk .acard .logo img{height:40px;width:auto}
/* t3339 light branding: source wordmark is dark navy, unreadable on navy marble.
   Render both the slim-header logo and the card logo as light/white with a soft
   shadow so the wordmark reads clearly at 30–40px. Asset + markup untouched. */
.ahd .ahd-logo img,
html body.ldk .acard .logo img{
  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(2,6,23,.55))!important;
  opacity:1!important
}
html body.ldk .acard h1{color:#fff!important;font-size:26px;font-weight:700;text-align:center;margin:0 0 8px;line-height:1.25}
html body.ldk .acard .sub{color:#b9c0ee!important;text-align:center;font-size:14px;margin:0 0 20px;line-height:1.45}
html body.ldk .acard label{color:#c7d2fe!important;font-size:13px;font-weight:500;display:block;margin:0 0 6px}
html body.ldk .acard .fld{
  background:rgba(10,14,46,.65)!important;border:1px solid rgba(165,180,252,.4)!important;
  border-radius:12px!important;min-height:48px;color:#c7d2fe!important;margin-bottom:14px}
html body.ldk .acard .fld input{color:#fff!important;background:transparent!important;font-size:16px}
html body.ldk .acard .fld input::placeholder{color:#8f97c8!important}
html body.ldk .acard .fld:focus-within{border-color:rgba(129,140,248,.75)!important;box-shadow:0 0 0 3px rgba(99,102,241,.22)!important}
html body.ldk .acard .b1{
  width:100%;border-radius:12px!important;min-height:48px;font-weight:600;font-size:15px;
  background:linear-gradient(90deg,#2563eb,#4f46e5 60%,#4338ca)!important;color:#fff!important;border:0!important;
  box-shadow:0 10px 28px -10px rgba(37,99,235,.55)!important;margin-top:4px}
html body.ldk .acard .b2{
  width:100%;border-radius:12px!important;min-height:46px;font-size:14px;
  background:rgba(255,255,255,.06)!important;color:#e6e9ff!important;border:1px solid rgba(165,180,252,.4)!important;margin-top:10px}
html body.ldk .acard .gbtn{opacity:.75}
html body.ldk .acard .or{color:#b9c0ee!important;font-size:13px;margin:14px 0}
html body.ldk .acard .note{color:#b9c0ee!important;font-size:12px;line-height:1.45;margin:14px 0 0}
/* t3339 signup policy links: inherit dark block styling from the card anchors,
   which made them near-invisible and stretched full width. Force normal inline
   flow and a light, underlined link colour (EN + BN signup both use this note). */
html body.ldk .acard .note a{
  display:inline!important;width:auto!important;max-width:none!important;min-height:0!important;
  margin:0!important;padding:0!important;background:none!important;border:0!important;
  box-shadow:none!important;text-align:inherit!important;line-height:inherit!important;
  white-space:normal!important;color:#93c5fd!important;font-weight:600;font-size:inherit;
  text-decoration:underline;text-decoration-thickness:1px;
  text-decoration-color:rgba(147,197,253,.6);text-underline-offset:2px}
html body.ldk .acard .note a:hover,
html body.ldk .acard .note a:focus-visible{color:#dbeafe!important;text-decoration-color:currentColor}
html body.ldk .acard .msg{color:#a5f3fc!important}
html body.ldk .acard .foot{border-top:1px solid rgba(165,180,252,.2)!important;margin-top:18px;padding-top:14px;
  display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;font-size:13px;color:#b9c0ee!important}
html body.ldk .acard .foot a{color:#93c5fd!important}
html body.ldk .acard .b1:focus-visible,html body.ldk .acard .b2:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
html body.ldk.auth .acard .ts:empty{min-height:0!important;margin-top:0!important}
html body.ldk.auth .acard .ts:not(:empty){margin:10px 0}
/* below-fold */
.abelow{position:relative;z-index:2;width:100%;max-width:920px;margin:8px auto 40px;padding:0 16px;color:#e6e9ff}
.abelow h2{font-size:22px;font-weight:700;text-align:center;margin:36px 0 18px}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.atile{background:rgba(15,23,52,.55);border:1px solid rgba(148,163,255,.25);border-radius:16px;padding:16px 18px;backdrop-filter:blur(10px)}
.atile b{display:block;font-size:15px;margin-bottom:4px}
.atile p{margin:0;font-size:13px;color:#b9c0ee;line-height:1.4}
.asteps{list-style:none;padding:0;margin:0 auto;max-width:560px;counter-reset:st}
.asteps li{counter-increment:st;display:flex;gap:12px;align-items:flex-start;margin:10px 0;font-size:14px;color:#c7d2fe}
.asteps li::before{content:counter(st);flex:0 0 28px;height:28px;border-radius:999px;background:#2563eb;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.ahelp{margin:28px auto 0;max-width:720px;background:rgba(15,23,52,.55);border:1px solid rgba(148,163,255,.25);
  border-radius:16px;padding:18px 20px;text-align:center;font-size:14px;color:#c7d2fe}
.ahelp a{color:#93c5fd}
.atrou{display:flex;flex-direction:column;gap:10px;max-width:520px;margin:0 auto}
.atrou a{display:block;text-align:center;padding:14px 16px;border-radius:14px;text-decoration:none;color:#e6e9ff;
  background:rgba(15,23,52,.55);border:1px solid rgba(148,163,255,.28);font-size:14px;font-weight:500}
.atrou a:hover{border-color:rgba(147,197,253,.55)}
/* opaque footer */
.afoot{position:relative;z-index:3;background:#070b18;border-top:1px solid rgba(148,163,255,.15);
  padding:22px 24px 28px;color:#a8b0d8;font-size:13px}
.afoot-inner{max-width:1100px;margin:0 auto}
.afoot-nav{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px}
.afoot-nav a{color:#c7d2fe;text-decoration:none}
.afoot-nav a:hover{color:#fff}
.afoot-mail a{color:#93c5fd;text-decoration:none;margin-right:14px}
.afoot-copy{margin-top:8px;color:#8b93b8}
.afoot-copy a{color:#93c5fd;text-decoration:none}
/* kill old split shell if any remnant */
.lsplit{display:block;width:100%;max-width:none;grid-template-columns:none}
.lart,.a3d{display:none!important}
@media (max-width:900px){
  .ahd{padding:14px 16px 4px}
  .agrid{grid-template-columns:1fr}
  html body.ldk .acard{padding:22px 18px 20px!important;max-width:100%!important}
  .acubes img{width:min(200px,55vw);opacity:.32}
  .astage{min-height:auto;padding-bottom:32px}
}
@media (max-width:600px){
  html body.ldk .acard h1{font-size:22px}
  .ahd .ahd-logo img{height:30px}
  .acubes .c-l{top:56px;left:-40px}.acubes .c-r{top:60px;right:-48px}
}