/* ===== হেডার: লগইন / রেজিস্ট্রেশন / ড্যাশবোর্ড বাটন ===== */
.hbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;border-radius:10px;font:inherit;font-weight:700;font-size:.95rem;white-space:nowrap;cursor:pointer;border:2px solid #0a55b3;text-decoration:none;transition:filter .15s,background .15s}
.hbtn svg{width:16px;height:16px;fill:currentColor}
.hbtn-fill{background:#0a55b3;color:#fff}
.hbtn-fill:hover{filter:brightness(1.12)}
.hbtn-line{background:#fff;color:#0a55b3}
.hbtn-line:hover{background:#eef4ff}
.mh .hbtn:focus-visible,.hauth a:focus-visible{outline:3px solid #ffb48f;outline-offset:2px}
@media(max-width:420px){.mh .hbtn{height:36px;padding:0 10px;font-size:.85rem}.mh .hbtn svg{display:none}.mh .logo small{display:none}}
@media(max-width:350px){.mh .logo span{display:none}}

/* ড্রয়ারের নিচে অ্যাকাউন্ট অংশ */
.dauth{padding:22px 24px;display:grid;gap:10px}
.dauth .who{color:#fff;font-weight:600;margin-bottom:2px}
.drawer .dauth .hbtn{display:flex;width:100%;height:46px;font-size:1.05rem;padding:0;border-bottom-width:2px;color:#0a55b3}
.drawer .dauth .hbtn-fill{background:#fff;color:#0a55b3;border-color:#fff}
.drawer .dauth .hbtn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
.dauth form{margin:0}

/* ===== হোম হিরো: লগইন / রেজিস্ট্রেশন ===== */
.hauth{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.hauth a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:10px;font-weight:700;font-size:1rem}
.hauth .ha-fill{background:#22c55e;color:#04210f}
.hauth .ha-fill:hover{filter:brightness(1.08)}
.hauth .ha-line{border:2px solid rgba(255,255,255,.85);color:#fff}
.hauth .ha-line:hover{background:rgba(255,255,255,.12)}
.hauth .ha-hi{color:#cbd5e1;font-size:.95rem}
@media(max-width:420px){.hauth a{flex:1 1 0;padding:0 10px}}

/* সার্চ বক্সে ফোকাস */
.search:focus-within{box-shadow:0 0 0 3px rgba(56,189,248,.55)}

/* ===== লগইন / রেজিস্ট্রেশন পেজ ===== */
.auth{padding:22px 0 34px}
.auth .box{max-width:440px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;box-shadow:0 6px 24px rgba(10,31,60,.08)}
.auth .box.wide{max-width:500px}
.auth .ico{width:52px;height:52px;border-radius:14px;background:#e8f0ff;display:grid;place-items:center;margin:0 auto 10px;color:#0a55b3}
.auth .ico svg{width:28px;height:28px;fill:currentColor}
.auth h1{margin:0 0 4px;font-size:1.35rem;text-align:center;color:#0a1f3c}
.auth .lead2{margin:0 0 18px;text-align:center;color:var(--muted);font-size:.92rem}
.auth .notice{background:#eef4ff;border:1px solid #c7d8ff;color:#0a2f7a;border-radius:10px;padding:9px 12px;font-size:.88rem;margin-bottom:14px}
.auth .alert{background:#fde8e8;border:1px solid #f3b3b3;color:#8a1313;border-radius:10px;padding:9px 12px;font-size:.9rem;margin-bottom:14px}
.auth .fld{margin-bottom:14px}
.auth .fld label{margin:0 0 5px;font-size:.92rem}
.auth .fld label .opt{font-weight:400;color:var(--muted);font-size:.8rem}
.auth .inp{position:relative}
.auth .inp input{padding:12px 14px;font-size:16px;border:1.5px solid #c9cfe0;border-radius:12px;min-height:48px}
.auth .inp input:focus{outline:0;border-color:#0a55b3;box-shadow:0 0 0 3px rgba(10,85,179,.18)}
.auth .inp.has-eye input{padding-right:52px}
.auth .fld.bad input{border-color:var(--red)}
.auth .fld.good input{border-color:var(--ok)}
.auth .eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;cursor:pointer;color:#5d6678;display:grid;place-items:center;border-radius:10px}
.auth .eye:hover{background:#f1f3f6}
.auth .eye:focus-visible{outline:3px solid #b9c7ff}
.auth .eye svg{width:22px;height:22px;fill:currentColor}
.auth .eye .off{display:none}
.auth .eye.on .off{display:block}.auth .eye.on .on{display:none}
.auth .hint{font-size:.8rem;color:var(--muted);margin-top:5px;min-height:1.1em}
.auth .hint.ok{color:var(--ok)}.auth .hint.no{color:var(--red)}
.auth .err{margin-top:5px}
.auth .meter{display:flex;gap:4px;margin-top:7px}
.auth .meter i{flex:1;height:5px;border-radius:3px;background:#e3e7f0;transition:background .2s}
.auth .meter[data-s="1"] i:nth-child(1){background:#ef4444}
.auth .meter[data-s="2"] i:nth-child(-n+2){background:#f59e0b}
.auth .meter[data-s="3"] i:nth-child(-n+3){background:#84cc16}
.auth .meter[data-s="4"] i{background:#16a34a}
.auth .submit{width:100%;min-height:50px;border:0;border-radius:12px;background:#ff5a1f;color:#fff;font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px}
.auth .submit:hover{filter:brightness(1.07)}
.auth .submit:focus-visible{outline:3px solid #ffd0bd;outline-offset:2px}
.auth .submit[disabled]{opacity:.75;cursor:wait}
.auth .spin{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:authspin .7s linear infinite;display:none}
.auth .submit.load .spin{display:block}
@keyframes authspin{to{transform:rotate(360deg)}}
.auth .alt{text-align:center;margin:16px 0 0;color:var(--muted);font-size:.93rem}
.auth .alt a{font-weight:700}
.auth .help{margin-top:12px;text-align:center;font-size:.85rem;color:var(--muted)}
.auth .refbtn{background:none;border:0;padding:0;font:inherit;color:#0a55b3;font-weight:600;cursor:pointer;text-decoration:underline}
.auth .refbox{margin-top:8px}
.auth .gift{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px;font-size:.85rem;margin-bottom:14px}
.auth .perks{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:-6px 0 16px;padding:0;list-style:none}
.auth .perks li{background:#f1f5ff;border-radius:999px;padding:4px 12px;font-size:.78rem;color:#0a2f7a;font-weight:600}
@media(prefers-reduced-motion:reduce){.auth .spin{animation-duration:1.6s}.auth .meter i{transition:none}}