:root{--c:#ea7a0c;--d:#0f172a;--m:#94a3b8;--ln:#eceff4;--gr:#08935f;--bl:#2563eb;--nv:#141c30}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:'Plus Jakarta Sans','Hind Siliguri',sans-serif;background:#fff;color:var(--d);padding-bottom:80px}
a{color:inherit;text-decoration:none}svg{display:block}
header{background:#fff;padding:14px 12px 12px;position:sticky;top:0;z-index:5;border-bottom:1px solid #f0f2f6}
.hr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lg{display:flex;align-items:center;gap:10px}.lg img{height:36px;width:36px;border-radius:10px;object-fit:cover}
.lg .mk{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#f7a81b,#e57a06);display:grid;place-items:center}.lg .mk svg{width:20px;height:20px;stroke:#fff}
.lg b{font-size:21px;font-weight:800;letter-spacing:-.4px;color:var(--d)}.lg b span{color:var(--c)}
.hi{display:flex;align-items:center;gap:12px}.hc{position:relative;width:32px;height:32px;display:grid;place-items:center}.hc svg{width:24px;height:24px;stroke:var(--d)}
.hc em,nav em{position:absolute;background:#ea6a0a;color:#fff;border-radius:99px;font-size:10px;font-weight:700;font-style:normal;min-width:17px;height:17px;line-height:13px;text-align:center;border:2px solid #fff;padding:0 3px}.hc em{top:-1px;right:-3px}
.hp{width:36px;height:36px;border-radius:50%;background:#eef1f6;display:grid;place-items:center}.hp svg{width:19px;height:19px;stroke:#334155}
.sr{position:relative;margin:0}.sr svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:19px;height:19px;stroke:#94a3b8}
.sr input{background:#f0f3f8;border:1.5px solid transparent;border-radius:14px;height:42px;padding:0 14px 0 40px;margin:0;font-size:14px}.sr input::placeholder{color:#94a3b8}.sr input:focus{outline:none;background:#fff;border-color:var(--c)}
main{max-width:900px;margin:auto;padding:14px 12px}
.of{background:#7a3806;color:#fff;border-radius:999px;height:40px;padding:0 6px 0 12px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.of>svg{width:18px;height:18px;stroke:#fbbf5a;flex:none}
.of .t{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.of .cd{flex:none;display:flex;align-items:center;gap:5px;border:1px solid #c98a2b;background:#672d03;color:#ffd48a;border-radius:99px;padding:5px 10px;font:700 12px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.3px}.of .cd svg{width:14px;height:14px;stroke:#ffd48a}
.sl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.sl::-webkit-scrollbar{display:none}
.bn{flex:0 0 100%;scroll-snap-align:center;min-height:198px;border-radius:18px;background:linear-gradient(135deg,#1b2742,#141c30 62%,#1a2135);color:#fff;display:flex;align-items:center;padding:18px 18px 18px 18px;gap:12px;box-shadow:0 6px 18px #141c3324}
.bn .tx{flex:1;min-width:0}.bn .tg{display:flex;gap:6px;margin-bottom:10px}
.bn .rd{background:#c8102e;color:#fff;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.2}
.bn .tt{font-weight:700;line-height:1.18;letter-spacing:-.3px}.bn .s{font-size:13.5px;line-height:1.5;color:#cbd2df;margin-top:8px}
.bn .ex{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#fff;color:var(--d);border-radius:999px;height:38px;padding:0 16px;font-size:13.5px;font-weight:600}.bn .ex svg{width:16px;height:16px;stroke:var(--d)}
.bn .ph{flex:none;width:32%;max-width:118px;aspect-ratio:2/3;background:#2a3550 center/cover;border-radius:5px}
.bn.rv{flex-direction:row-reverse}.bn.rv .tx{text-align:right}.bn.rv .tg{justify-content:flex-end}.bn.ct .tx{text-align:center}.bn.ct .tg{justify-content:center}
.dots{display:flex;justify-content:center;align-items:center;gap:6px;margin:12px 0 0}.dots i{width:6px;height:6px;border-radius:3px;background:#cbd5e1;transition:.25s}.dots i.on{width:20px;background:var(--bl)}
/* হোম পেজ: ৪টি সুবিধার বক্স — ছবির মতো তির্যক (parallelogram) চিকন 3D ডিজাইন */
.inf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 18px;padding:0 4px}
.inf *{box-sizing:border-box}
.inf .bf{--ac:#1c8cff;--p1:#2f86ff;--p2:#0a52d6;--gl:rgba(28,140,255,.38);position:relative;display:flex;align-items:center;min-width:0;height:54px;padding:0 20px 0 6px;color:#fff;filter:drop-shadow(0 7px 5px rgba(15,23,42,.22));transition:transform .2s ease}
.inf .bf:hover{transform:translateY(-2px)}
.inf .bf:active{transform:translateY(1px)}
.inf .bs{position:absolute;left:10px;right:18px;top:0;bottom:0;transform:skewX(-19deg);border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 34% 50%,var(--gl),rgba(0,0,0,0) 62%),linear-gradient(100deg,#0c2a52,#06101f 55%,#040912);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -4px 6px rgba(0,0,0,.45);z-index:0}
.inf .bs::before{content:"";position:absolute;left:0;top:0;bottom:0;width:36%;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 52%),linear-gradient(135deg,var(--p1),var(--p2));box-shadow:inset 0 -4px 6px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.45)}
.inf .bs::after{content:"";position:absolute;inset:0 0 55% 0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0))}
.inf .bt{position:absolute;right:3px;top:0;bottom:0;width:7px;transform:skewX(-19deg);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.4),var(--p1) 35%,var(--p2));box-shadow:0 0 8px var(--gl);z-index:0}
.inf .bi{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 31%;min-width:0;color:#fff;padding-left:6px}
.inf .bi svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.45))}
.inf .bv{position:relative;z-index:1;width:2px;height:26px;flex:0 0 2px;background:var(--ac);border-radius:2px;transform:skewX(-19deg);margin:0 11px 0 4px;box-shadow:0 0 5px var(--gl)}
.inf .bl{position:relative;z-index:1;min-width:0;font-size:clamp(11px,1.5vw,15px);line-height:1.2;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.inf .bl span{display:block;white-space:nowrap}
.inf .bl .hl{color:var(--ac)}
.inf .bf-d{--ac:#1c8cff;--p1:#2f86ff;--p2:#0a52d6;--gl:rgba(28,140,255,.4)}
.inf .bf-r{--ac:#22e57a;--p1:#2fcf63;--p2:#0b8a35;--gl:rgba(34,229,122,.34)}
.inf .bf-c{--ac:#ffb020;--p1:#ffa51f;--p2:#ee6a00;--gl:rgba(255,160,30,.36)}
.inf .bf-o{--ac:#b45cff;--p1:#b44cff;--p2:#6a22d6;--gl:rgba(168,85,247,.38)}
@media(max-width:850px){.inf .bf{height:46px;padding-right:15px}.inf .bs{right:13px}.inf .bt{width:5px;right:2px}.inf .bi svg{width:22px;height:22px}.inf .bv{height:20px;margin:0 8px 0 3px}.inf .bl{font-size:11px}}
@media(max-width:480px){.inf{gap:3px;padding:0 2px;margin:12px 0 14px}.inf .bf{height:36px;padding:0 9px 0 3px}.inf .bs{left:6px;right:8px;border-radius:6px}.inf .bt{width:3px;right:2px;border-radius:2px}.inf .bi{flex-basis:30%;padding-left:3px}.inf .bi svg{width:15px;height:15px;stroke-width:2.2}.inf .bv{width:1px;flex-basis:1px;height:14px;margin:0 3px 0 2px}.inf .bl{font-size:clamp(6.8px,2vw,8.4px);line-height:1.25}}

.ft{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin:0 0 12px;letter-spacing:-.2px}.ft svg{width:22px;height:22px;stroke:#f59e0b}
.g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:700px){.g{grid-template-columns:repeat(4,1fr)}}
.pc{background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden;box-shadow:0 1px 6px #0f172a0d;display:flex;flex-direction:column}
.pc .im{aspect-ratio:1/1;background:#eef1f6 center/cover;position:relative}.pc .fd{position:absolute;left:8px;bottom:8px;background:#1e293b;color:#fff;border-radius:7px;padding:4px 8px 4px 6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;line-height:1.2}.pc .fd svg{width:12px;height:12px}
.pc .b{padding:12px 12px 10px;flex:1}.pc .n{font-weight:700;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc .pr{color:#067a4a;font-weight:800;font-size:19px;margin-top:8px;letter-spacing:-.3px}.pc small{display:block;color:var(--m);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc form{padding:10px 12px 12px;border-top:1px solid #eef0f4}.ac{display:flex;gap:8px}
.ac .btn{flex:1;height:40px;padding:0 6px;border-radius:10px;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:6px}.ac .btn svg{width:17px;height:17px;stroke:#fff}
.ic{flex:none;width:40px;height:40px;border:0;border-radius:10px;background:#f0f3f8;display:grid;place-items:center;cursor:pointer}.ic svg{width:19px;height:19px;stroke:var(--d)}
.btn{border:0;border-radius:12px;padding:12px;font:inherit;font-weight:700;cursor:pointer;background:var(--gr);color:#fff;width:100%;display:block;text-align:center}.btn.o{background:#fff;color:var(--gr);border:1.5px solid var(--gr)}.btn.g2{background:#eef1f6;color:var(--d)}
.card{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px;margin-bottom:12px}
input,select{width:100%;padding:12px;border:1px solid #d5dbe6;border-radius:12px;font:inherit;margin:5px 0;background:#fff}
.err{background:#fee2e2;color:#b91c1c;padding:10px;border-radius:12px;margin-bottom:10px}.ok{background:#dcfce7;color:#166534;padding:10px;border-radius:12px;margin-bottom:10px}
nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:7px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #eef0f4;z-index:9}
nav a{flex:1;text-align:center;font-size:11.5px;font-weight:600;padding:0 0 9px;color:#7c8aa1;position:relative}nav a i{display:grid;place-items:center;width:34px;height:32px;margin:0 auto 3px;border-radius:10px}nav a svg{width:22px;height:22px;stroke:currentColor}
nav a.on{color:var(--bl)}nav a.on i{background:#e8f0ff}nav a.on:after{content:'';position:absolute;left:50%;bottom:0;width:30px;height:3px;border-radius:2px;background:var(--bl);transform:translateX(-50%)}nav em{top:-2px;left:calc(50% + 6px)}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.q{display:flex;align-items:center;gap:8px}.q button{width:32px;height:32px;border:0;border-radius:10px;background:#eef1f6;font-size:18px}
#md,#pf,#rt{display:none;position:fixed;inset:0;background:#0f172a99;z-index:20;align-items:flex-end}#md.s,#pf.s,#rt.s{display:flex}#md>div,#pf>div,#rt>div{background:#fff;width:100%;max-height:92vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px}.av{width:72px;height:72px;border-radius:50%;background:#e5e7eb center/cover}
.hero{background:linear-gradient(100deg,#2b47e6 0%,#5b2ff0 55%,#8f14f5 100%);border-radius:20px;padding:18px 16px;display:flex;align-items:center;gap:14px;color:#fff;box-shadow:0 8px 20px #4f2fe640;margin-bottom:14px;cursor:pointer}
.av{width:62px;height:62px;border-radius:50%;background:#ffffff33 center/cover;border:2.5px solid #ffffff66;display:grid;place-items:center;font-size:28px;font-weight:700;position:relative;flex:none;color:#fff}
.cam{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:#141c30;border:2px solid #fff;display:grid;place-items:center}.cam svg{width:12px;height:12px;stroke:#fff}
.hi2{flex:1;min-width:0}.hi2 b{display:block;font-size:18px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi2 span{display:block;font-size:14px;opacity:.85;margin-top:2px}.chv svg{width:22px;height:22px;stroke:#fff}
.pcard{background:#fff;border:1px solid var(--ln);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px #0f172a0d}.pt{font-size:15px;font-weight:600;display:block}
.va{display:flex;align-items:center;gap:2px;color:var(--bl);font-weight:600;font-size:14px}.va svg{width:16px;height:16px;stroke:var(--bl)}
.ots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.ot{border-radius:14px;padding:10px 2px 9px;text-align:center;display:block}.ot i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin:0 auto 6px}.ot i svg{width:16px;height:16px;stroke:#fff}
.ot b{display:block;font-size:16px;font-weight:700;line-height:1.1}.ot span{display:block;font-size:10.5px;color:#64748b;margin-top:3px;line-height:1.2}
.t1{background:#fff1f1}.t1 i{background:#ef4444}.t2{background:#fff7dd}.t2 i{background:#f59e0b}.t3{background:#eaf2ff}.t3 i{background:#3b82f6}.t4{background:#f6eefe}.t4 i{background:#a855f7}.t5{background:#e8f9f0}.t5 i{background:#10b981}
#ol{display:none;margin-top:12px}#ol.s{display:block}.ol{border-top:1px solid #eef0f4;padding:9px 0;font-size:14px}
.tk{display:flex;gap:8px;margin-top:12px}.ti{position:relative;flex:1;min-width:0}.ti svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#94a3b8}.ti input{margin:0;height:42px;padding:0 10px 0 38px;background:#f6f8fb;border-radius:12px;font-size:14px}
.tb{border:0;border-radius:12px;background:#141c30;color:#fff;font:inherit;font-weight:600;font-size:14px;padding:0 16px;height:42px;cursor:pointer;flex:none}.tr{margin-top:10px;background:#f0f6ff;color:#1e40af;border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600}
.sv{font-size:15px;font-weight:600;margin:20px 2px 10px}.svg2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.svg2>*{min-width:0}
.sc{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 6px #0f172a0d}.sc>svg{width:16px;height:16px;stroke:#94a3b8;flex:none;margin-left:auto}
.sc i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none}.sc i svg{width:18px;height:18px}.sc span{min-width:0;flex:1}.sc b{display:block;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc small{display:block;font-size:12px;color:var(--m);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c4{background:#dcf5e8}.c4 svg{stroke:#059669}.c5{background:#efe3ff}.c5 svg{stroke:#8b3ff0}
.set{padding:6px 16px}.srow{display:flex;align-items:center;gap:14px;min-height:52px}.srow>svg{width:24px;height:24px;stroke:#0f172a;flex:none}.srow>span{font-size:15px;font-weight:600;flex:1}
.seg{display:flex;background:#eef1f6;border-radius:99px;padding:3px}.seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#94a3b8;padding:7px 16px;border-radius:99px;cursor:pointer}.seg button.on{background:#141c30;color:#fff}
.lgw{width:min(70%,280px);margin:22px auto 8px;background:#fff0f3;border-radius:99px;padding:12px}.lgb{display:flex;align-items:center;justify-content:center;gap:12px;height:46px;border-radius:99px;background:linear-gradient(135deg,#ff5470,#f0234f);color:#fff;font-weight:700;font-size:16px;box-shadow:0 6px 14px #f0234f40}.lgb svg{width:22px;height:22px;stroke:#fff}.lgb i{width:1px;height:22px;background:#ffffff80}

.c1{background:#dbeafe}.c1 svg{stroke:#2563eb}.c2{background:#fde4ef}.c2 svg{stroke:#e11d74}.c3{background:#fee2e2}.c3 svg{stroke:#dc2626}.lo b{color:#dc2626}
a.pl{display:block}.pc .n{margin:0}.pc .pr s{color:#94a3b8;font-weight:500;font-size:13px;margin-left:4px}
.pc .dc,.gm .dc{position:absolute;left:8px;top:8px;background:#c8102e;color:#fff;border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700;line-height:1.3}
.so{color:#94a3b8}.op{color:var(--m);font-size:12.5px}
.bk{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#475569;margin:0 0 10px}.bk svg{width:18px;height:18px;stroke:#475569}
.gm{position:relative;aspect-ratio:1/1;max-height:440px;width:100%;border-radius:16px;background:#eef1f6 center/cover no-repeat;border:1px solid var(--ln)}
.ths{display:flex;gap:8px;overflow-x:auto;margin:10px 0 12px;scrollbar-width:none}.ths::-webkit-scrollbar{display:none}
.th{flex:none;width:58px;height:58px;border-radius:10px;border:2px solid transparent;background:#eef1f6 center/cover no-repeat;cursor:pointer;padding:0}.th.on{border-color:var(--c)}
.pd{margin-top:12px}.pd h2{margin:0 0 6px;font-size:18px;line-height:1.3}
.pdp{display:flex;align-items:baseline;gap:8px}.pdp b{font-size:24px;font-weight:800;color:#067a4a;letter-spacing:-.3px}.pdp s{color:#94a3b8;font-size:15px}
.cdx{color:var(--m);font-size:13px;margin-top:4px}.cdx b{color:var(--d)}
.og{margin-top:14px}.ogn{font-weight:700;font-size:14.5px;margin-bottom:8px}.ogc{display:flex;flex-wrap:wrap;gap:8px}
.ch{position:relative;margin:0}.ch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ch span{display:block;min-width:44px;text-align:center;padding:8px 14px;border:1.5px solid #d5dbe6;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;background:#fff}
.ch input:checked+span{border-color:var(--gr);background:#e8f8f0;color:#067a4a}.ch input:focus-visible+span{outline:2px solid var(--bl)}
.pd .ac{margin-top:16px}.tx2{font-size:14px;line-height:1.65;color:#334155}
/* অফার টাইমার */
.tm{background:linear-gradient(135deg,#7a3806,#5a2803);color:#fff;border-radius:14px;padding:11px 12px;margin-bottom:10px}
.tm .r1{display:flex;align-items:center;gap:8px}.tm .r1 b{flex:1;min-width:0;font-size:14px;line-height:1.3}
.tm .pl2{flex:none;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.tm .pl2.live{background:#16a34a}.tm .pl2.soon{background:#f59e0b;color:#3b1d02}.tm .pl2.end{background:#6b7280}
.tm .r2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.tm .lb{font-size:14px;font-weight:800;color:#ffd48a;line-height:1.25}.tm .lb small{display:block;font-size:11px;font-weight:500;color:#e7c79a;margin-top:2px}
.tm .cdc{display:inline-block;margin-top:3px;border:1px dashed #c98a2b;border-radius:6px;padding:1px 7px;font:700 11.5px/1.5 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px;color:#ffd48a}
.tm .bx{display:flex;gap:5px;flex:none}.tm .bx i{font-style:normal;min-width:40px;background:#3f1c02;border:1px solid #a86d22;border-radius:8px;padding:4px 2px;text-align:center}
.tm .bx i b{display:block;font:700 15px/1.1 ui-monospace,Menlo,Consolas,monospace;color:#fff}.tm .bx i span{display:block;font-size:9.5px;color:#e7c79a;margin-top:1px}
.tm.end{opacity:.7}
.vg{display:flex;flex-wrap:wrap;gap:8px}
.vc{position:relative;margin:0}
.vc input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.vc span{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1.5px solid #d5dbe6;border-radius:12px;background:#fff;cursor:pointer}
.vc i{flex:none;width:44px;height:44px;border-radius:9px;background:#eef1f6 center/cover no-repeat}
.vc u{text-decoration:none;display:flex;flex-direction:column;line-height:1.3}
.vc em{font-style:normal;font-weight:600;font-size:14px}
.vc b{font-size:13.5px;color:#067a4a}
.vc input:checked+span{border-color:var(--gr);background:#e8f8f0}
.vc input:focus-visible+span{outline:2px solid var(--bl)}
.vc small{font-size:11px;color:#c8102e;font-weight:600}
.vc.off span{opacity:.45;cursor:not-allowed}
.gn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#0f172a;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.2)}
.gp{left:8px}.gx{right:8px}
.btn:disabled,.ic:disabled{opacity:.45;cursor:not-allowed}

.og2{margin:0 0 16px}.tm.al{background:linear-gradient(135deg,#14532d,#166534)}.tm.al .lb{color:#bbf7d0}

/* ===== লগইন পেজ ===== */
body.auth{background:#f6f7f9;padding-bottom:24px}body.auth header,body.auth nav{display:none}
.auth main{max-width:420px;padding:18px 20px}
.au{position:relative;padding-top:4px;display:flex;flex-direction:column;min-height:calc(100vh - 84px);min-height:calc(100dvh - 84px)}
.au-back{display:grid;place-items:center;width:36px;height:36px;margin-left:-6px}.au-back svg{width:26px;height:26px;stroke:var(--d)}
.au-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.au-brand img{height:44px;width:44px;border-radius:12px;object-fit:cover}
.au-mk{width:44px;height:44px;border-radius:12px;background:#0b7a48;display:grid;place-items:center}.au-mk svg{width:26px;height:26px;stroke:#fff}
.au-brand b{font-size:26px;font-weight:800;letter-spacing:-.4px;color:var(--d)}
.au-tag{text-align:center;color:#64748b;font-size:14px;margin:6px 0 8px}
.au-h{font-size:22px;font-weight:800;margin:0 0 16px;color:var(--d)}
.au-f{display:flex;align-items:center;background:#fff;border:1.5px solid #e3e7ee;border-radius:14px;overflow:hidden;height:52px}
.au-f:focus-within{border-color:#0b7a48}
.au-ic{width:52px;height:100%;background:#eef1f5;display:grid;place-items:center;flex:none}.au-ic svg{width:21px;height:21px;stroke:#64748b}
.au-f input{flex:1;min-width:0;height:100%;border:0;margin:0;padding:0 14px;background:transparent;font-size:15px;border-radius:0}.au-f input:focus{outline:none}.au-f input::placeholder{color:#94a3b8}
.au-hint{display:block;color:#94a3b8;font-size:11.5px;margin:5px 0 12px 4px}
.au-eye{border:0;background:none;width:46px;height:100%;display:grid;place-items:center;cursor:pointer;flex:none}.au-eye svg{width:21px;height:21px;stroke:#64748b}.au-eye.on svg{stroke:#0b7a48}
.au-btn{width:100%;height:52px;border:0;border-radius:14px;background:#0b7a48;color:#fff;font:inherit;font-size:16px;font-weight:700;margin-top:18px;cursor:pointer;box-shadow:0 6px 16px #0b7a4833}.au-btn:active{transform:scale(.99)}
.au-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#94a3b8;font-size:13px}.au-or:before,.au-or:after{content:"";flex:1;height:1px;background:#e3e7ee}
.au-g{width:100%;height:52px;border:1.5px solid #e3e7ee;border-radius:14px;background:#fff;color:var(--d);font:inherit;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.au-g svg{width:22px;height:22px}
.au-toast{display:none;text-align:center;font-size:13px;color:#0b7a48;background:#e8f8f0;border-radius:10px;padding:8px;margin-top:10px}
.au-ft{text-align:center;margin:auto 0 0;padding-top:22px;color:#475569;font-size:14.5px}.au-ft a{color:#0b7a48;font-weight:700}
.lg img{object-fit:contain;background:#fff}
.au-brand{margin-top:0}.au-brand img.au-logo{height:auto;width:165px;max-width:60%;border-radius:0;margin:-24px 0 -32px;mix-blend-mode:multiply}

/* ব্যানার: পুরো ছবি মোড ও হালকা রঙে গাঢ় লেখা */
.bn.bf{padding:0;min-height:0;background:none;display:block;overflow:hidden}.bn.bf img{display:block;width:100%;height:auto;border-radius:18px}
.bn.lt{color:var(--d)}.bn.lt .s{color:#334155}.bn.lt .ex{background:var(--d);color:#fff}.bn.lt .ex svg{stroke:#fff}

/* notifications / orders / tracking */
.ph2{display:flex;align-items:center;gap:10px;margin:2px 0 14px}.ph2 b{font-size:18px;flex:1}.ph2 .bk{width:36px;height:36px;border-radius:50%;background:#eef1f6;display:grid;place-items:center}.ph2 .bk svg{width:20px;height:20px;stroke:var(--d)}.ph2 .tl{font-size:13px;font-weight:700;color:var(--bl)}
.emp{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 16px;color:var(--m)}.emp svg{width:56px;height:56px;stroke:#b6c0d0;margin-bottom:10px}.emp b{color:var(--d);font-size:16px;margin-bottom:4px}.emp span{font-size:13.5px}
.nt{display:flex;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:13px;margin-bottom:10px;color:inherit}.nt.un{border-color:#bcd0ff;background:#f4f8ff;box-shadow:0 2px 10px #1a56ff14}
.nt i{flex:none;width:40px;height:40px;border-radius:12px;background:#e8efff;display:grid;place-items:center}.nt i svg{width:20px;height:20px;stroke:var(--bl)}
.nt-ok i{background:#dcfce7}.nt-ok i svg{stroke:var(--gr)}.nt-bad i{background:#fee2e2}.nt-bad i svg{stroke:#c8102e}.nt-welcome i{background:#fff4d6}.nt-welcome i svg{stroke:#d97706}
.nt span{flex:1;min-width:0}.nt b{display:block;font-size:14.5px;line-height:1.3}.nt small{display:block;font-size:13px;color:#475569;margin-top:3px;line-height:1.5}.nt em{display:block;font-style:normal;font-size:11.5px;color:var(--m);margin-top:5px}
.oc{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:13px;margin-bottom:10px;color:inherit;box-shadow:0 2px 8px #0f172a08}
.oc .sn{flex:none;width:30px;height:30px;border-radius:50%;background:#eef1f6;display:grid;place-items:center;font-size:13px;font-weight:700;color:#475569}.oc .oi{flex:1;min-width:0}.oc .oi b{display:block;font-size:15px}.oc .oi small{display:block;font-size:12px;color:var(--m);margin-top:3px}.oc .or{text-align:right}.oc .or b{display:block;font-size:15px}
.sb{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px;margin-top:5px;background:#e0e7ff;color:#3730a3}
.sb-pending{background:#fff4d6;color:#b45309}.sb-confirmed{background:#dbeafe;color:#1d4ed8}.sb-processing{background:#e0f2fe;color:#0369a1}.sb-ready{background:#ccfbf1;color:#0f766e}.sb-shipped{background:#f3e8ff;color:#7e22ce}.sb-delivered{background:#dcfce7;color:#15803d}.sb-cancelled{background:#fee2e2;color:#b91c1c}
.tkn{text-align:center}.tkn small{display:block;color:var(--m);font-size:12px}.tkn>b{display:block;font-size:26px;letter-spacing:2px;margin:2px 0 4px}.tkn span{display:block;font-size:12px;color:var(--m);margin-top:6px}
.tlv{margin-top:14px}.st{position:relative;display:flex;gap:12px;padding-bottom:20px}.st:last-child{padding-bottom:0}
.st::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:#e2e8f0}.st:last-child::before{display:none}.st.dn::before{background:var(--gr)}
.st i{flex:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;display:grid;place-items:center;z-index:1}.st.dn i{background:var(--gr);border-color:var(--gr)}.st i svg{width:13px;height:13px;stroke:#fff}
.st.ac i{box-shadow:0 0 0 5px #08935f26}.st.cx i{background:#c8102e;border-color:#c8102e;box-shadow:0 0 0 5px #c8102e26}
.st span b{display:block;font-size:14px;color:var(--m);font-weight:600}.st.dn span b{color:var(--d)}.st span small{display:block;font-size:12px;color:var(--m);margin-top:2px}
.pi{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eef0f4}.pi:first-of-type{border-top:0}.pim{flex:none;width:52px;height:52px;border-radius:10px;background:#eef1f6 center/cover}.pi span{flex:1;min-width:0}.pi span b{display:block;font-size:14px}.pi span small{display:block;font-size:12px;color:var(--m)}
.ad{margin:8px 0 0;line-height:1.6;font-size:14px}.sm{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.sm.tot{border-top:1px dashed var(--ln);margin-top:4px;padding-top:10px;font-weight:800;font-size:16px}
#toast{position:fixed;left:50%;top:14px;transform:translateX(-50%);background:var(--d);color:#fff;padding:12px 20px;border-radius:14px;font-weight:600;font-size:14px;z-index:99;box-shadow:0 8px 24px #0f172a40;animation:tin .4s}#toast.hd{opacity:0;transition:opacity .5s;pointer-events:none}@keyframes tin{from{opacity:0;transform:translate(-50%,-14px)}}

.vch{display:flex;background:#fff;border:1px solid var(--ln);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}
.vhl{flex:none;width:92px;background:linear-gradient(135deg,#1a56ff,#0b3bd1);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;border-right:2px dashed #ffffff80}.vhl b{font-size:24px;line-height:1.1}.vhl small{font-size:12px;opacity:.85}
.vhr{flex:1;min-width:0;padding:12px 14px}.vcode{display:block;font-size:18px;letter-spacing:2px}.vhr small{display:block;font-size:12px;color:var(--m);margin:4px 0 8px;line-height:1.5}.vhr button{border:0;background:var(--d);color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;font-family:inherit}

.cprow{display:flex;align-items:center;gap:10px}.cpb{display:inline-block;border:1px solid var(--ln);background:#eef1f6;color:var(--d);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700;font-family:inherit;letter-spacing:0;cursor:pointer}.cpb.ok{background:#dcfce7;color:#15803d;border-color:#bbf7d0}

.stars{color:#f59e0b;letter-spacing:1px;font-size:15px}.stars i{font-style:normal;color:#d5dbe6}
.rch{display:block;font-style:normal;font-size:12px;font-weight:700;color:#d97706;margin-top:5px}
.rvb{padding:0 0 10px 62px}.rvs{display:flex;align-items:center;gap:10px}.rvb p{margin:6px 0;font-size:13.5px;line-height:1.55}
.rvbtn{border:1px solid #f59e0b;background:#fff8e6;color:#b45309;border-radius:10px;padding:7px 14px;font-weight:700;font-size:13px;font-family:inherit}
.rvf{display:none;margin-top:8px}.rvf.s{display:block}.rvf textarea{width:100%;border:1px solid var(--ln);border-radius:12px;padding:10px;font:inherit;font-size:14px;margin:8px 0}
.rin{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}.rin input{display:none}.rin label{font-size:32px;line-height:1;color:#d5dbe6;cursor:pointer}.rin input:checked~label,.rin label:hover,.rin label:hover~label{color:#f59e0b}
.rfi{display:flex;gap:8px;margin-bottom:10px}.rfi label{flex:1;font-size:12px;color:var(--m);display:block}.rfi input{display:block;width:100%;font-size:12px;margin-top:4px}
.rvi{display:flex;gap:8px;margin:6px 0}.rvi img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--ln)}
.rsum{display:flex;align-items:center;gap:12px;margin:6px 0 10px}.rsum>b{font-size:32px}.rsum small{display:block;font-size:12px;color:var(--m)}
.rvc{border-top:1px solid #eef0f4;padding:12px 0}.rvh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rvh small{font-size:11.5px;color:var(--m);margin-left:auto}.rvc p{margin:6px 0;font-size:14px;line-height:1.55}

.btn.dim{background:#94a3b8!important;color:#fff!important;opacity:1!important}.ic.dim{background:#cbd5e1!important;opacity:1!important}.ic.dim svg{stroke:#475569!important}
#stoast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%) translateY(20px);background:#0f172a;color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:60;white-space:nowrap}#stoast.on{opacity:1;transform:translateX(-50%)}
.og.shk{animation:shk .4s}@keyframes shk{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

.qrow{display:flex;align-items:center;justify-content:space-between;margin:14px 0 4px;font-weight:700}.qrow .q b{min-width:22px;text-align:center}

/* ঠিকানা পপআপ (উপর থেকে নামে) */
#md{align-items:flex-start!important}#md>div{border-radius:0 0 22px 22px!important;max-height:92vh;animation:mdin .28s ease}@keyframes mdin{from{transform:translateY(-30px);opacity:0}}
#md select{width:100%}
.lbs{display:flex;gap:8px;margin:10px 0}.lbs label{flex:1}.lbs input{display:none}.lbs span{display:block;text-align:center;padding:9px 6px;border:1px solid var(--ln);border-radius:12px;font-weight:700;font-size:14px;background:#fff}.lbs input:checked+span{background:var(--d);color:#fff;border-color:var(--d)}
.adc{border:1px solid var(--ln);border-radius:14px;margin:10px 0;background:#fff;overflow:hidden}.adc.on{border-color:var(--gr);box-shadow:0 0 0 2px #08935f22}
.adb{display:block;width:100%;text-align:left;background:none;border:0;padding:12px 14px 6px;font:inherit;cursor:pointer}.adb b{display:block;font-size:14.5px;margin-top:6px}.adb small{display:block;font-size:13px;color:#475569;line-height:1.5;margin-top:2px}
.adl{display:inline-block;font-size:11.5px;font-weight:700;background:#e0e7ff;color:#3730a3;border-radius:99px;padding:2px 10px}.adu{float:right;font-style:normal;font-size:12px;font-weight:700;color:var(--gr)}
.ada{display:flex;gap:16px;padding:2px 14px 12px}.ada form{display:inline}.ada button{background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--bl);cursor:pointer}.ada .adx{color:#c8102e}

/* ঠিকানা পপআপ — নতুন ডিজাইন */
#md{padding:14px;justify-content:center}
#md>div{max-width:440px;margin:0 auto;padding:22px 18px 20px!important;border-radius:28px!important;position:relative;background:radial-gradient(circle at 0 0,#c9eedd 0,#c9eedd00 38%),radial-gradient(circle at 100% 100%,#c9eedd 0,#c9eedd00 34%),#fff!important;box-shadow:0 20px 50px #0f172a40}
.mdh{text-align:center;margin-bottom:16px;position:relative}.mdx{position:absolute;right:-4px;top:-8px;width:34px;height:34px;border-radius:50%;border:0;background:#eef3f1;color:#334155;font-size:15px}
.mdh .pin{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.mdh .pin:before,.mdh .pin:after{content:"";flex:0 0 46px;height:3px;border-radius:2px;background:#0a8a5b}
.mdh .pin i{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#12b76a,#067647);display:grid;place-items:center;box-shadow:0 8px 18px #06764744}.mdh .pin svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mdh b{display:block;font-size:24px;color:#0f172a}.mdh small{display:block;font-size:14px;color:#64748b;margin-top:4px}
.lbs{background:#eef3f1;border-radius:999px;padding:4px;gap:4px;margin:12px 0}.lbs span{display:flex!important;align-items:center;justify-content:center;gap:6px;padding:11px 4px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#334155;font-size:14px}.lbs span svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lbs input:checked+span{background:linear-gradient(135deg,#12b76a,#067647)!important;color:#fff!important;box-shadow:0 6px 14px #06764733}
.fi{display:flex;align-items:center;background:#fff;border:1px solid #d5e6df;border-radius:18px;margin:10px 0;box-shadow:0 2px 8px #0f172a08}
.fi i{flex:none;width:42px;height:42px;margin:4px;border-radius:50%;background:#e3f4ec;display:grid;place-items:center}.fi i svg{width:20px;height:20px;stroke:#0a8a5b;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fi input,.fi select{flex:1;min-width:0;width:auto!important;height:50px;border:0!important;margin:0!important;padding:0 12px!important;background:transparent!important;box-shadow:none!important;outline:0;font:inherit;font-size:15px;-webkit-appearance:none;appearance:none}
.fi select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px!important;padding-right:38px!important}
.sbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin-top:8px;border:0;border-radius:18px;background:linear-gradient(135deg,#12b76a,#067647);color:#fff;font:inherit;font-weight:800;font-size:18px;box-shadow:0 10px 20px #06764733;cursor:pointer}.sbtn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rtm{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:13px;line-height:1.2}.rtn{display:flex;align-items:center;gap:3px;font-weight:700;color:#b45309}.rtn svg{width:15px;height:15px;fill:#f59e0b}.rts{color:var(--m);font-weight:600}
.rsum{background:#fffbeb;border:1px solid #fde9b0;border-radius:14px;padding:12px 14px}.rsum>b{font-size:34px;color:#b45309}
.rdist{margin:4px 0 10px}.rdr{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:12px}.rdr em{font-style:normal;width:30px;color:#64748b;font-weight:600}.rdr i{flex:1;height:8px;background:#eef0f4;border-radius:99px;overflow:hidden}.rdr u{display:block;height:100%;background:#f59e0b;border-radius:99px}.rdr small{width:22px;text-align:right;color:var(--m)}
.rvc{background:#fff}.rvi img{width:90px;height:90px}
.pc .b{padding:10px 11px 8px}.pc .n{font-size:14px;text-align:left}
.prw{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.prw .pr{margin:0;font-size:18px;min-width:0}.prw .pr s{display:block;margin:1px 0 0;font-size:12px}
.prw .rtm{flex-direction:column;align-items:flex-end;gap:2px;margin:0;flex:none}.prw .rts{font-size:12px}
.bn{aspect-ratio:12/7;min-height:196px}.bn.bf{aspect-ratio:12/7;min-height:0}.bn.bf img{width:100%;height:100%;object-fit:cover}
.bn.bf{position:relative}.sbtn{position:absolute;left:14px;right:auto;bottom:14px;width:max-content;max-width:calc(100% - 28px);display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:999px;background:#fff;color:var(--d);font-size:13px;font-weight:700;box-shadow:0 3px 10px #0f172a40;white-space:nowrap}.sbtn svg{width:15px;height:15px;stroke:var(--d)}
.au-tm{text-align:center;font-size:12.5px;color:#64748b;line-height:1.6;margin:14px 0 4px}.au-tm a{color:#0b7a48;font-weight:700}
.pol{padding:8px 14px}.pol>a{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--ln)}.pol>a:first-of-type,.pol>.pt+a{border-top:0}.pol>a>i{width:36px;height:36px;border-radius:11px;background:#e8f8f0;display:grid;place-items:center;flex:none}.pol>a>i svg{width:19px;height:19px;stroke:#0b7a48}.pol>a>span{flex:1;min-width:0}.pol>a>span b{display:block;font-size:14.5px;font-weight:600}.pol>a>span small{display:block;font-size:12px;color:var(--m);margin-top:1px}.pol .chv{width:18px;height:18px;stroke:#94a3b8;flex:none}
.plc{line-height:1.75;font-size:14.5px}.plc h3{font-size:16px;margin:18px 0 6px}.plc h3:first-child{margin-top:0}.plc p{margin:0 0 10px}.plc ul{margin:0 0 10px;padding-left:20px}.plc li{margin:4px 0}.plu{display:block;margin-top:14px;color:var(--m);font-size:12px}
.pln{background:#fff8e6;border:1px solid #f5d98b;color:#7a4a00;border-radius:12px;padding:10px 12px;margin:0 0 14px}
.plm{display:grid;gap:8px;margin-top:6px}.plm>*{display:block;background:#f6f8fb;border:1px solid var(--ln);border-radius:12px;padding:10px 12px}.plm small{display:block;color:var(--m);font-size:12px}.plm b{display:block;font-size:15px;margin-top:2px;word-break:break-word}
.plo{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.plo a{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--ln);color:#475569}

/* address save button: compact green pill */
#md .sbtn{position:static;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;height:42px;margin:16px auto 0;padding:0 28px;border-radius:999px;background:linear-gradient(135deg,#12b76a,#067647);color:#fff;font-size:15px;font-weight:700;box-shadow:0 6px 14px #06764738;white-space:nowrap}
#md .sbtn svg{width:17px;height:17px;stroke:#fff}
#md .sbtn:active{transform:scale(.97)}

/* user view: slightly smaller overall (nav bar and popups unchanged) */
header,main{zoom:.94}
.hc.lgt{width:auto;min-width:34px;height:28px;padding:0 7px;border:1.5px solid var(--d);border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--d);align-self:center;text-decoration:none}

/* লগইন/রেজিস্ট্রেশন: ফর্ম মাঝ বরাবর, ফাঁকা জায়গা সমান */
.au-mid{margin:auto 0;padding:6px 0}
.au-reg .au-f{margin-bottom:16px}
.au-reg .au-btn{margin-top:22px}
.au-g{margin-bottom:0}
.au-toast{margin-bottom:0}
@media(max-height:640px){.au{min-height:0}.au-mid{margin:8px 0}.au-ft{margin-top:0}}
@media(min-width:700px){.auth main{padding-top:28px}}

.vtag{display:inline-block;font-size:11px;font-weight:700;background:#fff7ed;color:#c2410c;border-radius:8px;padding:2px 8px;margin-bottom:4px}

.cnbtn{width:100%;border:1px solid #fca5a5;background:#fff1f2;color:#dc2626;border-radius:12px;padding:11px;font-weight:700;font-size:14px;font-family:inherit}
.cnf{display:none;margin-top:10px}.cnf.s{display:block}.cnf small{display:block;color:#64748b;margin-bottom:8px;font-size:12.5px}
.cnf select,.cnf input[type=text]{width:100%;margin-bottom:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;background:#fff}
.cnf .cnok{background:#dc2626}

/* অর্ডার কার্ড: ছবি + তথ্য + দাম, নিচে পাতলা লাইনের পরে বাতিল/সাপোর্ট লিংক */
.ow{margin-bottom:12px;background:#fff;border:1px solid var(--ln);border-radius:16px;box-shadow:0 2px 8px #0f172a08;overflow:hidden}
.ow .oc{margin-bottom:0;border:0;border-radius:0;box-shadow:none;background:transparent;align-items:flex-start;padding:14px}
.oc .oim{flex:none;width:60px;height:60px;border-radius:10px;background:#eef1f6 center/cover no-repeat}
.oc .oi .sb{display:inline-block;margin:7px 6px 0 0}
.oc .or{display:flex;align-items:center;gap:6px;align-self:flex-start;padding-top:2px}
.oc .or .chv{width:18px;height:18px;stroke:#64748b;flex:none}
.ocx{margin:0 14px;padding:11px 0 12px;border-top:1px solid var(--ln)}
.ocb{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:#ef4444;font-weight:600;font-size:14px;font-family:inherit;text-decoration:none;cursor:pointer}
.ocb svg{width:18px;height:18px;flex:none;stroke:currentColor}
.ocb.on{color:#b91c1c}
.ocb.ocg{color:#15803d}
.cnbtn{width:auto;padding:6px 14px;font-size:12.5px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px}
.cnbtn svg,.ocw svg{width:15px;height:15px;flex:none;stroke:currentColor}
.ocw{display:inline-flex;align-items:center;gap:6px;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:999px;padding:6px 14px;font-weight:700;font-size:12.5px;text-decoration:none}
.ocs2 small{display:block;color:#64748b;font-size:12.5px;line-height:1.5;margin-bottom:8px}
.ow .cnf{margin:0;padding:0 14px 14px}

/* ===== ফরগেট পাসওয়ার্ড + পাসওয়ার্ড পরিবর্তন (v17.15) ===== */
.au-fgt{display:block;text-align:center;margin:14px 0 2px;color:#0b7a48;font-size:14.5px;font-weight:700}
.fg .au-back{margin-bottom:2px}
.fg-hero{text-align:center;margin:6px 0 18px}
.fg-ic{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#d9f5e7,#b6ebd0);display:grid;place-items:center;box-shadow:0 8px 20px #0b7a4826}
.fg-ic svg{width:34px;height:34px;stroke:#0b7a48}
.fg .au-h{margin:0 0 6px;font-size:23px}
.fg-sub{margin:0;color:#64748b;font-size:14px;line-height:1.5}
.fg-card{background:#fff;border:1px solid #e3e7ee;border-radius:18px;padding:16px 14px;box-shadow:0 2px 10px #0f172a0a}
.fg-t{display:block;font-size:15.5px;font-weight:800;color:var(--d);margin-bottom:12px}
.fg-st{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fg-st li{display:flex;gap:11px;align-items:flex-start}
.fg-st li i{flex:none;width:26px;height:26px;border-radius:50%;background:#0b7a48;color:#fff;font-style:normal;font-size:13px;font-weight:800;display:grid;place-items:center;margin-top:1px}
.fg-st li span{font-size:14px;line-height:1.55;color:#334155}
.fg-warn{display:flex;gap:10px;align-items:flex-start;background:#fff7e6;border:1px solid #fcd9a0;border-radius:14px;padding:12px;margin:14px 0;color:#92400e;font-size:13.5px;line-height:1.55}
.fg-warn svg{flex:none;width:21px;height:21px;stroke:#d97706;margin-top:1px}
.fg-warn b{display:block;font-size:14px;margin-bottom:2px}
.fg-lb{display:block;font-size:13.5px;font-weight:600;color:#334155;margin:4px 2px 7px}.fg-lb em{font-style:normal;font-weight:400;color:#94a3b8;font-size:12px;margin-left:4px}
.fg-wa{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;margin-top:14px;border-radius:14px;background:linear-gradient(135deg,#25d366,#128c4a);color:#fff;font-size:16px;font-weight:700;box-shadow:0 8px 18px #128c4a40}
.fg-wa svg{width:24px;height:24px;flex:none}.fg-wa:active{transform:scale(.985)}
.fg .au-ft{margin-top:auto}
/* প্রোফাইলে পাসওয়ার্ড কার্ড ও পপআপ */
.sc-w{grid-column:1/-1}.c6{background:#fff1d6}.c6 svg{stroke:#d97706}
#pwm{display:none;position:fixed;inset:0;background:#0f172acc;z-index:30;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#pwm.s{display:flex}
#pwm>div{position:relative;width:100%;max-width:400px;max-height:92vh;overflow:auto;background:radial-gradient(circle at 0 0,#c9eedd 0,#c9eedd00 40%),#fff;border-radius:26px;padding:26px 20px 20px;box-shadow:0 24px 60px #0f172a55;animation:pwin .26s ease}
@keyframes pwin{from{transform:translateY(24px) scale(.97);opacity:0}}
.pw-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef1f5;display:grid;place-items:center;cursor:pointer}.pw-x svg{width:18px;height:18px;stroke:#475569}
.pw-ic{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#d9f5e7,#b6ebd0);display:grid;place-items:center}.pw-ic svg{width:29px;height:29px;stroke:#0b7a48}
.pw-h{text-align:center;margin:0 0 4px;font-size:19px;font-weight:800;color:var(--d)}
.pw-s,.pw-n{text-align:center;margin:0 0 16px;font-size:13px;line-height:1.55;color:#64748b}
.pw-n{color:#92400e;background:#fff7e6;border-radius:10px;padding:8px 10px}
#pwm .au-f{margin-bottom:12px}#pwm .au-btn{margin-top:6px}

/* ===== আমার অর্ডার: ট্যাব, আইডি কপি ===== */
.otabs{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 14px;padding:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.otabs::-webkit-scrollbar{display:none}
.otb{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--ln);color:#475569;font-size:13px;font-weight:700;white-space:nowrap}
.otb em{font-style:normal;font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#eef1f6;color:#475569;display:inline-grid;place-items:center}
.otb.on{background:linear-gradient(135deg,#12b76a,#067647);border-color:transparent;color:#fff}.otb.on em{background:#ffffff33;color:#fff}
.onote{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:14px;padding:11px 13px;font-size:13px;line-height:1.6;margin-bottom:12px}
.ow .oh{display:flex;align-items:center;gap:8px;padding:11px 14px 0}
.ow .oh .oid{font-size:12.5px;color:var(--m)}.ow .oh .oid b{color:var(--d);font-size:14px;letter-spacing:.5px;margin-left:2px}
.ow .oh small{margin-left:auto;font-size:12px;color:var(--m)}
.tkn .cpb{display:inline-block;margin:2px 0 8px;padding:5px 14px;font-size:12.5px}
.tkn>em.sb{margin-top:0}

/* ===== আমার অর্ডার: ৬টি আইকন (ক্যান্সেলসহ) ===== */
.t6{background:#f1f5f9}.t6 i{background:#64748b}
@media(min-width:360px){.ots{grid-template-columns:repeat(6,1fr);gap:4px}.ot span{font-size:10px}}
/* ===== প্রোফাইল এডিট পপআপ ===== */
#pf>.pfc{background:#fff;width:100%;max-width:520px;margin:0 auto;max-height:94vh;overflow:auto;border-radius:26px 26px 0 0;padding:10px 20px 24px;animation:pfup .28s ease}
@keyframes pfup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.pfh{display:block;width:42px;height:4px;border-radius:9px;background:#d5dbe6;margin:0 auto 12px}
.pfx{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pfx b{font-size:19px}
.pfcl{width:36px;height:36px;border-radius:50%;border:0;background:#eef1f6;display:grid;place-items:center;cursor:pointer}.pfcl svg{width:18px;height:18px;stroke:#0f172a}
.pfav{display:block;text-align:center;margin:8px 0 14px;cursor:pointer}
.pfa{display:grid;place-items:center;width:92px;height:92px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#12b76a,#067647) center/cover no-repeat;color:#fff;font-size:36px;font-weight:700;border:4px solid #fff;box-shadow:0 6px 18px #06764733}
.pfav{position:relative}.pfcam{position:absolute;left:calc(50% + 14px);top:62px;width:32px;height:32px;border-radius:50%;background:#0f172a;border:3px solid #fff;display:grid;place-items:center}.pfcam svg{width:15px;height:15px;stroke:#fff}
.pfav small{display:block;margin-top:9px;color:#64748b;font-size:12.5px}
.pff{margin-bottom:13px}.pff>label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}.pff>label em{font-style:normal;font-weight:500;color:#94a3b8}
.pfi{display:flex;align-items:center;gap:10px;background:#f6f8fb;border:1.5px solid #e6eaf0;border-radius:14px;padding:0 14px;height:50px;transition:.15s}
.pfi:focus-within{border-color:#12b76a;background:#fff;box-shadow:0 0 0 4px #12b76a1f}
.pfi svg{width:19px;height:19px;stroke:#64748b;flex:none}.pfi:focus-within svg{stroke:#067647}
.pfi input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;height:100%;font:inherit;font-size:15px;color:#0f172a;width:auto}
.pfsv{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:8px;border:0;border-radius:16px;background:linear-gradient(135deg,#12b76a,#067647);color:#fff;font:inherit;font-weight:800;font-size:16px;box-shadow:0 8px 18px #06764733;cursor:pointer}.pfsv svg{width:19px;height:19px;stroke:#fff}.pfsv:active{transform:scale(.98)}

/* =====================================================================
   ডেস্কটপ / ল্যাপটপ / টিভি ভিউ — শুধু ৯০০px বা বেশি চওড়া স্ক্রিনে চলে।
   ফোনের (৮৯৯px পর্যন্ত) ভিউ আগের মতোই থাকে। রং ও ডিজাইন বদলানো হয়নি, শুধু লেআউট।
   ===================================================================== */
@media(min-width:900px){
:root{--W:1240px}
body{padding-bottom:48px}
/* হেডার: লোগো | সার্চ | আইকন — এক লাইনে */
header{display:flex;align-items:center;gap:28px;height:72px;padding:0 max(24px,calc(50% - var(--W)/2 + 24px))}
.hr{display:contents}
.lg{order:1;flex:none}.lg b{font-size:23px}
.sr{order:2;flex:1;max-width:640px;margin:0 0 0 12px}.sr input{height:46px;font-size:15px}
.hi{order:3;margin-left:auto;gap:16px}.hc{width:40px;height:40px}.hc svg{width:26px;height:26px}
/* নিচের মেনু উপরের মেনু-বারে রূপান্তর */
nav{top:72px;bottom:auto;height:50px;justify-content:flex-start;gap:6px;padding:0 max(12px,calc(50% - var(--W)/2 + 12px));border-top:0;border-bottom:1px solid #eef0f4;box-shadow:0 4px 14px rgba(15,23,42,.05)}
nav a{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:50px;padding:0 18px;font-size:14.5px;text-align:left}
nav a i{margin:0;width:auto;height:auto;background:none!important}
nav a svg{width:21px;height:21px}
nav a.on:after{left:12px;right:12px;width:auto;transform:none}
nav em{position:static;margin-left:2px}
main{max-width:var(--W);padding:74px 24px 24px}
/* সব পেজের কনটেন্ট একটি আরামদায়ক কলামে মাঝখানে */
main>*{max-width:780px;margin-left:auto;margin-right:auto}
main>.of,main>.sl,main>.dots,main>.inf,main>.ft,main>.g{max-width:none;margin-left:0;margin-right:0}
/* হোম */
.of{height:46px;padding:0 8px 0 18px;margin-bottom:20px}.of .t{font-size:14.5px}
.bn{min-height:320px;padding:28px 52px;gap:36px;border-radius:22px}
.bn .tx{zoom:1.35}
.bn .ph{width:20%;max-width:210px}
.bn.bf img{max-height:520px;object-fit:cover;border-radius:22px}
.inf{gap:16px;margin:24px 0 28px;padding:0}
.inf .bf{height:66px}.inf .bi svg{width:32px;height:32px}.inf .bl{font-size:16px}.inf .bv{height:30px;margin:0 14px 0 4px}
.ft{font-size:22px;margin:6px 0 16px}.ft svg{width:26px;height:26px}
.g{gap:18px}
.pc .n{font-size:15px}.pc .pr{font-size:20px}.ac .btn{height:42px;font-size:14px}.ic{width:42px;height:42px}
/* প্রোডাক্ট পেজ: বাঁয়ে ছবি, ডানে বিবরণ */
main:has(>.gm){display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:36px;align-items:start}
main:has(>.gm)>*{grid-column:1/-1;max-width:none;margin-left:0;margin-right:0}
main:has(>.gm)>.bk{grid-row:1}
main:has(>.gm)>.gm{grid-column:1;grid-row:2;max-height:560px}
main:has(>.gm)>.ths{grid-column:1;grid-row:3}
main:has(>.gm)>.card.pd{grid-column:2;grid-row:2/span 2;margin-top:0}
.pd h2{font-size:24px}.pdp b{font-size:30px}.tx2{font-size:15px}
.th{width:72px;height:72px}
/* লগইন / রেজিস্ট্রেশন: মাঝখানে কার্ড */
.auth main{max-width:480px;margin:48px auto;padding:34px 38px;background:#fff;border-radius:26px;box-shadow:0 20px 60px rgba(15,23,42,.10)}
.auth main>*{max-width:none}
.au{min-height:0}
/* পপআপ মাঝখানে */
#pf,#rt{align-items:center;justify-content:center;padding:24px}
#pf>div,#rt>div{max-width:540px;border-radius:24px;max-height:88vh}
#stoast{bottom:32px}
}
@media(min-width:1200px){.g{grid-template-columns:repeat(5,1fr)}}
/* মাউস থাকলে হোভার, রিমোট/কিবোর্ডে ফোকাস দাগ */
@media(min-width:900px) and (hover:hover){
.pc{transition:transform .18s,box-shadow .18s}.pc:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,23,42,.13)}
nav a:hover{color:var(--bl)}.btn:hover,.au-btn:hover{filter:brightness(1.07)}
}
@media(min-width:900px){a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2563eb;outline-offset:2px}}
/* বড় স্ক্রিন ও টিভি: সবকিছু আনুপাতিকভাবে বড় (দূর থেকেও পড়া যায়) */
@media(min-width:1800px){:root{--W:1400px}html{zoom:1.1}}
@media(min-width:1800px) and (hover:none){html{zoom:1.4}}
@media(min-width:2400px){html{zoom:1.5}}
@media(min-width:3200px){html{zoom:2}}
@media(min-width:3600px){html{zoom:2.4}}

/* v22.2: ফোনের ভিউ আরেকটু ছোট (শুধু ৮৯৯px পর্যন্ত; ডেস্কটপ/টিভি অপরিবর্তিত) */
@media(max-width:899px){
header,main{zoom:.88}
.ac .btn{height:36px;font-size:13px}.ic{width:36px;height:36px}.ic svg{width:17px;height:17px}
.pc .pr,.prw .pr{font-size:16.5px}
}

/* লাইভ সাপোর্ট ফর্ম */
#sup{display:none;position:fixed;inset:0;background:#0f172acc;z-index:30;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#sup.s{display:flex}
#sup>div{position:relative;width:100%;max-width:400px;max-height:92vh;overflow:auto;background:radial-gradient(circle at 0 0,#c9eedd 0,#c9eedd00 40%),#fff;border-radius:26px;padding:26px 20px 20px;box-shadow:0 24px 60px #0f172a55;animation:pwin .26s ease}
#sup .au-f{margin-bottom:12px}#sup .au-btn{margin-top:6px}
.sp-me{background:#fff;border:1.5px solid #e3e7ee;border-radius:14px;padding:10px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:2px}.sp-me b{font-size:15px}.sp-me small{color:#64748b;font-size:13px}
.sp-l{font-size:13.5px;font-weight:700;color:var(--d);margin:4px 0 8px}
.sp-c{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sp-c label{position:relative;cursor:pointer}.sp-c input{position:absolute;opacity:0;pointer-events:none}
.sp-c span{display:block;padding:8px 14px;border-radius:999px;border:1.5px solid #e3e7ee;background:#fff;font-size:14px;color:#334155}
.sp-c input:checked+span{background:#0b7a48;border-color:#0b7a48;color:#fff;font-weight:700}.sp-c input:focus-visible+span{outline:2px solid #0b7a48;outline-offset:2px}
.sp-s select{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 14px;font:inherit;font-size:15px}.sp-s select:focus{outline:none}
.sp-t{height:auto!important;align-items:stretch}.sp-t textarea{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px;font:inherit;font-size:15px;resize:none}.sp-t textarea:focus{outline:none}.sp-t textarea::placeholder{color:#94a3b8}

/* ===== থিম: সফট = গাঢ় অ্যাশ (নাইট মোডের মতো, সাদা থিম অপরিবর্তিত) ===== */
[data-theme=soft]{--d:#eceef1;--m:#a0a6b0;--ln:#3d4148;color-scheme:dark}
html[data-theme=soft],[data-theme=soft] body{background:#1e2125;color:#eceef1}
[data-theme=soft] header,[data-theme=soft] nav{background:#25282d;border-color:#3d4148}
[data-theme=soft] input,[data-theme=soft] select,[data-theme=soft] textarea{color:#eceef1}
[data-theme=soft] ::placeholder{color:#8b919b}
[data-theme=soft] [style*="#c8102e"]{color:#ff6b81!important}
[data-theme=soft] [style*="#16a34a"]{color:#4ade80!important}
[data-theme=soft] [style*="#64748b"]{color:#a0a6b0!important}
[data-theme=soft] [style*="#fee2e2"]{background:#3d2326!important;color:#ff9a9a!important}
[data-theme=soft] body{background:#2b2e34}
[data-theme=soft] header{background:#2b2e34;border-bottom:1px solid #3d4148}
[data-theme=soft] .hc em,[data-theme=soft] nav em{border:2px solid #2b2e34}
[data-theme=soft] .hp{background:#353941}
[data-theme=soft] .hp svg{stroke:#b7babf}
[data-theme=soft] .sr svg{stroke:#999da3}
[data-theme=soft] .sr input{background:#353941}
[data-theme=soft] .sr input::placeholder{color:#999da3}
[data-theme=soft] .sr input:focus{background:#2b2e34}
[data-theme=soft] .of>svg{stroke:#fbbf5a}
[data-theme=soft] .of .cd svg{stroke:#ffd48a}
[data-theme=soft] .bn .s{color:#989ca4}
[data-theme=soft] .bn .ex{background:#2b2e34}
[data-theme=soft] .dots i{background:#474c55}
[data-theme=soft] .inf .bs::before{background:linear-gradient(180deg,rgba(43,46,52,0.3),rgba(255,255,255,0) 52%),linear-gradient(135deg,var(--p1),var(--p2))}
[data-theme=soft] .inf .bs::after{background:linear-gradient(180deg,rgba(43,46,52,0.12),rgba(255,255,255,0))}
[data-theme=soft] .inf .bt{background:linear-gradient(180deg,rgba(43,46,52,0.4),var(--p1) 35%,var(--p2))}
[data-theme=soft] .ft svg{stroke:#f8b94f}
[data-theme=soft] .pc{background:#2b2e34}
[data-theme=soft] .pc .im{background:#353941 center/cover}
[data-theme=soft] .pc .pr{color:#50f6b2}
[data-theme=soft] .pc form{border-top:1px solid #3d4148}
[data-theme=soft] .ic{background:#353941}
[data-theme=soft] .btn.o{background:#2b2e34}
[data-theme=soft] .btn.g2{background:#353941}
[data-theme=soft] .card{background:#2b2e34}
[data-theme=soft] input,[data-theme=soft] select{border:1px solid #474c55;background:#2b2e34}
[data-theme=soft] .err{background:#462020;color:#e76060}
[data-theme=soft] .ok{background:#20462d;color:#68de95}
[data-theme=soft] nav{background:#2b2e34;border-top:1px solid #3d4148}
[data-theme=soft] nav a{color:#9a9da2}
[data-theme=soft] nav a.on i{background:#202d46}
[data-theme=soft] .q button{background:#353941}
[data-theme=soft] #md>div,[data-theme=soft] #pf>div,[data-theme=soft] #rt>div{background:#2b2e34}
[data-theme=soft] .av{background:#3a3e45 center/cover}
[data-theme=soft] .av{background:rgba(43,46,52,0.2) center/cover;border:2.5px solid #2b2e34}
[data-theme=soft] .cam{border:2px solid #2b2e34}
[data-theme=soft] .pcard{background:#2b2e34}
[data-theme=soft] .ot span{color:#9a9da2}
[data-theme=soft] .t1{background:#462020}
[data-theme=soft] .t2{background:#463d20}
[data-theme=soft] .t3{background:#202e46}
[data-theme=soft] .t4{background:#332046}
[data-theme=soft] .t5{background:#204632}
[data-theme=soft] .ol{border-top:1px solid #3d4148}
[data-theme=soft] .ti svg{stroke:#999da3}
[data-theme=soft] .ti input{background:#2b2e34}
[data-theme=soft] .tr{background:#202f46;color:#6281e4}
[data-theme=soft] .sc{background:#2b2e34}
[data-theme=soft] .sc>svg{stroke:#999da3}
[data-theme=soft] .c4{background:#204632}
[data-theme=soft] .c4 svg{stroke:#4df9c4}
[data-theme=soft] .c5{background:#302046}
[data-theme=soft] .c5 svg{stroke:#9855f2}
[data-theme=soft] .srow>svg{stroke:#7891cf}
[data-theme=soft] .seg{background:#353941}
[data-theme=soft] .seg button{color:#999da3}
[data-theme=soft] .lgw{background:#462027}
[data-theme=soft] .lgb i{background:rgba(43,46,52,0.5)}
[data-theme=soft] .c1{background:#203046}
[data-theme=soft] .c1 svg{stroke:#5787f0}
[data-theme=soft] .c2{background:#462031}
[data-theme=soft] .c2 svg{stroke:#ea5c9b}
[data-theme=soft] .c3{background:#462020}
[data-theme=soft] .c3 svg{stroke:#e66161}
[data-theme=soft] .lo b{color:#e66161}
[data-theme=soft] .pc .pr s{color:#999da3}
[data-theme=soft] .so{color:#999da3}
[data-theme=soft] .bk{color:#a3a6ab}
[data-theme=soft] .bk svg{stroke:#a3a6ab}
[data-theme=soft] .gm{background:#353941 center/cover no-repeat}
[data-theme=soft] .th{background:#353941 center/cover no-repeat}
[data-theme=soft] .pdp b{color:#50f6b2}
[data-theme=soft] .pdp s{color:#999da3}
[data-theme=soft] .ch span{border:1.5px solid #474c55;background:#2b2e34}
[data-theme=soft] .ch input:checked+span{background:#204633;color:#50f6b2}
[data-theme=soft] .tx2{color:#b7babf}
[data-theme=soft] .tm .lb{color:#ffd48a}
[data-theme=soft] .tm .lb small{color:#e7c79a}
[data-theme=soft] .tm .cdc{color:#ffd48a}
[data-theme=soft] .tm .bx i span{color:#e7c79a}
[data-theme=soft] .vc span{border:1.5px solid #474c55;background:#2b2e34}
[data-theme=soft] .vc i{background:#353941 center/cover no-repeat}
[data-theme=soft] .vc b{color:#50f6b2}
[data-theme=soft] .vc input:checked+span{background:#204633}
[data-theme=soft] .vc small{color:#f1556e}
[data-theme=soft] .gn{background:rgba(43,46,52,0.85);color:#7891cf}
[data-theme=soft] body.auth{background:#2b2e34}
[data-theme=soft] .au-tag{color:#9a9da2}
[data-theme=soft] .au-f{background:#2b2e34;border:1.5px solid #3d4148}
[data-theme=soft] .au-ic{background:#353941}
[data-theme=soft] .au-ic svg{stroke:#9a9da2}
[data-theme=soft] .au-f input::placeholder{color:#999da3}
[data-theme=soft] .au-hint{color:#999da3}
[data-theme=soft] .au-eye svg{stroke:#9a9da2}
[data-theme=soft] .au-eye.on svg{stroke:#57f0ab}
[data-theme=soft] .au-or{color:#999da3}
[data-theme=soft] .au-or:before,[data-theme=soft] .au-or:after{background:#3a3e45}
[data-theme=soft] .au-g{border:1.5px solid #3d4148;background:#2b2e34}
[data-theme=soft] .au-toast{color:#57f0ab;background:#204633}
[data-theme=soft] .au-ft{color:#a3a6ab}
[data-theme=soft] .au-ft a{color:#57f0ab}
[data-theme=soft] .lg img{background:#2b2e34}
[data-theme=soft] .bn.lt .s{color:#b7babf}
[data-theme=soft] .bn.lt .ex{background:#4a4f58}
[data-theme=soft] .ph2 .bk{background:#353941}
[data-theme=soft] .emp svg{stroke:#999da3}
[data-theme=soft] .nt{background:#2b2e34}
[data-theme=soft] .nt.un{border-color:#2c3c63;background:#202e46}
[data-theme=soft] .nt i{background:#202b46}
[data-theme=soft] .nt-ok i{background:#20462d}
[data-theme=soft] .nt-bad i{background:#462020}
[data-theme=soft] .nt-bad i svg{stroke:#f1556e}
[data-theme=soft] .nt-welcome i{background:#463c20}
[data-theme=soft] .nt-welcome i svg{stroke:#faa94c}
[data-theme=soft] .nt small{color:#a3a6ab}
[data-theme=soft] .oc{background:#2b2e34}
[data-theme=soft] .oc .sn{background:#353941;color:#a3a6ab}
[data-theme=soft] .sb{background:#202846;color:#7771d5}
[data-theme=soft] .sb-pending{background:#463c20;color:#f69850}
[data-theme=soft] .sb-confirmed{background:#203046;color:#5d82e9}
[data-theme=soft] .sb-processing{background:#203746;color:#4bbdfc}
[data-theme=soft] .sb-ready{background:#20463e;color:#5ceadf}
[data-theme=soft] .sb-shipped{background:#322046;color:#a861e5}
[data-theme=soft] .sb-delivered{background:#20462d;color:#61e593}
[data-theme=soft] .sb-cancelled{background:#462020;color:#e76060}
[data-theme=soft] .st::before{background:#3a3e45}
[data-theme=soft] .st i{background:#2b2e34;border:2px solid #474c55}
[data-theme=soft] .pi{border-top:1px solid #3d4148}
[data-theme=soft] .pim{background:#353941 center/cover}
[data-theme=soft] #toast{background:#4a4f58}
[data-theme=soft] .vch{background:#2b2e34}
[data-theme=soft] .vhl{border-right:2px dashed #2b2e34}
[data-theme=soft] .vhr button{background:#4a4f58}
[data-theme=soft] .cpb{background:#353941}
[data-theme=soft] .cpb.ok{background:#20462d;color:#61e593;border-color:#2c633f}
[data-theme=soft] .stars{color:#f8b94f}
[data-theme=soft] .rch{color:#faa94c}
[data-theme=soft] .rvbtn{background:#463c20;color:#f69850}
[data-theme=soft] .rin input:checked~label,[data-theme=soft] .rin label:hover,[data-theme=soft] .rin label:hover~label{color:#f8b94f}
[data-theme=soft] .rvc{border-top:1px solid #3d4148}
[data-theme=soft] .ic.dim{background:#474c55 !important}
[data-theme=soft] .ic.dim svg{stroke:#a3a6ab !important}
[data-theme=soft] .lbs span{background:#2b2e34}
[data-theme=soft] .lbs input:checked+span{background:#4a4f58}
[data-theme=soft] .adc{background:#2b2e34}
[data-theme=soft] .adb small{color:#a3a6ab}
[data-theme=soft] .adl{background:#202846;color:#7771d5}
[data-theme=soft] .ada .adx{color:#f1556e}
[data-theme=soft] #md>div{background:radial-gradient(circle at 0 0,#204635 0,#c9eedd00 38%),radial-gradient(circle at 100% 100%,#204635 0,#c9eedd00 34%),#2b2e34 !important}
[data-theme=soft] .mdx{background:#353941;color:#b7babf}
[data-theme=soft] .mdh b{color:#7891cf}
[data-theme=soft] .mdh small{color:#9a9da2}
[data-theme=soft] .lbs{background:#353941}
[data-theme=soft] .lbs span{color:#b7babf}
[data-theme=soft] .fi{background:#2b2e34;border:1px solid #474c55}
[data-theme=soft] .fi i{background:#204634}
[data-theme=soft] .fi i svg{stroke:#54f3b8}
[data-theme=soft] .rtn{color:#f69850}
[data-theme=soft] .rtn svg{fill:#f8b94f}
[data-theme=soft] .rsum{background:#463f20;border:1px solid #63542c}
[data-theme=soft] .rsum>b{color:#f69850}
[data-theme=soft] .rdr em{color:#9a9da2}
[data-theme=soft] .rdr i{background:#353941}
[data-theme=soft] .rvc{background:#2b2e34}
[data-theme=soft] .sbtn{background:#2b2e34}
[data-theme=soft] .au-tm{color:#9a9da2}
[data-theme=soft] .au-tm a{color:#57f0ab}
[data-theme=soft] .pol>a>i{background:#204633}
[data-theme=soft] .pol>a>i svg{stroke:#57f0ab}
[data-theme=soft] .pol .chv{stroke:#999da3}
[data-theme=soft] .pln{background:#463c20;color:#ffb747}
[data-theme=soft] .plm>*{background:#2b2e34}
[data-theme=soft] .plo a{background:#2b2e34;color:#a3a6ab}
[data-theme=soft] .vtag{background:#463520;color:#f48152}
[data-theme=soft] .cnbtn{border:1px solid #632c2c;background:#462022;color:#e66161}
[data-theme=soft] .cnf small{color:#9a9da2}
[data-theme=soft] .cnf select,[data-theme=soft] .cnf input[type=text]{border:1px solid #3d4148;background:#2b2e34}
[data-theme=soft] .ow{background:#2b2e34}
[data-theme=soft] .oc .oim{background:#353941 center/cover no-repeat}
[data-theme=soft] .oc .or .chv{stroke:#9a9da2}
[data-theme=soft] .ocb{color:#f15656}
[data-theme=soft] .ocb.on{color:#e76060}
[data-theme=soft] .ocb.ocg{color:#61e593}
[data-theme=soft] .ocw{border:1px solid #2c633f;background:#20462c;color:#61e593}
[data-theme=soft] .ocs2 small{color:#9a9da2}
[data-theme=soft] .au-fgt{color:#57f0ab}
[data-theme=soft] .fg-ic{background:linear-gradient(135deg,#204633,#204633)}
[data-theme=soft] .fg-ic svg{stroke:#57f0ab}
[data-theme=soft] .fg-sub{color:#9a9da2}
[data-theme=soft] .fg-card{background:#2b2e34;border:1px solid #3d4148}
[data-theme=soft] .fg-st li span{color:#b7babf}
[data-theme=soft] .fg-warn{background:#463a20;border:1px solid #634e2c;color:#ef9157}
[data-theme=soft] .fg-warn svg{stroke:#faa94c}
[data-theme=soft] .fg-lb{color:#b7babf}
[data-theme=soft] .fg-lb em{color:#999da3}
[data-theme=soft] .c6{background:#463920}
[data-theme=soft] .c6 svg{stroke:#faa94c}
[data-theme=soft] #pwm>div{background:radial-gradient(circle at 0 0,#204635 0,#c9eedd00 40%),#2b2e34}
[data-theme=soft] .pw-x{background:#353941}
[data-theme=soft] .pw-x svg{stroke:#a3a6ab}
[data-theme=soft] .pw-ic{background:linear-gradient(135deg,#204633,#204633)}
[data-theme=soft] .pw-ic svg{stroke:#57f0ab}
[data-theme=soft] .pw-s,[data-theme=soft] .pw-n{color:#9a9da2}
[data-theme=soft] .pw-n{color:#ef9157;background:#463a20}
[data-theme=soft] .otb{background:#2b2e34;color:#a3a6ab}
[data-theme=soft] .otb em{background:#353941;color:#a3a6ab}
[data-theme=soft] .otb.on em{background:rgba(43,46,52,0.2)}
[data-theme=soft] .onote{background:#20462c;border:1px solid #2c633f;color:#68de95}
[data-theme=soft] .t6{background:#353941}
[data-theme=soft] #pf>.pfc{background:#2b2e34}
[data-theme=soft] .pfh{background:#40444c}
[data-theme=soft] .pfcl{background:#353941}
[data-theme=soft] .pfcl svg{stroke:#7891cf}
[data-theme=soft] .pfa{border:4px solid #2b2e34}
[data-theme=soft] .pfcam{border:3px solid #2b2e34}
[data-theme=soft] .pfav small{color:#9a9da2}
[data-theme=soft] .pff>label{color:#b7babf}
[data-theme=soft] .pff>label em{color:#999da3}
[data-theme=soft] .pfi{background:#2b2e34;border:1.5px solid #3d4148}
[data-theme=soft] .pfi:focus-within{background:#2b2e34}
[data-theme=soft] .pfi svg{stroke:#9a9da2}
[data-theme=soft] .pfi:focus-within svg{stroke:#50f6b1}
[data-theme=soft] .pfi input{color:#7891cf}
@media(min-width:900px){[data-theme=soft] nav{border-bottom:1px solid #3d4148}
[data-theme=soft] .auth main{background:#2b2e34}}
[data-theme=soft] #sup>div{background:radial-gradient(circle at 0 0,#204635 0,#c9eedd00 40%),#2b2e34}
[data-theme=soft] .sp-me{background:#2b2e34;border:1.5px solid #3d4148}
[data-theme=soft] .sp-me small{color:#9a9da2}
[data-theme=soft] .sp-c span{border:1.5px solid #3d4148;background:#2b2e34;color:#b7babf}
[data-theme=soft] .sp-t textarea::placeholder{color:#999da3}
html[data-theme=soft],[data-theme=soft] body{background:#1e2125}
[data-theme=soft] header,[data-theme=soft] nav{background:#25282d}