/* উদ্বোধনী পপআপ */
.lc-ov{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:14px;
  background:rgba(20,6,8,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.lc-ov.on{opacity:1;visibility:visible}
.lc-card{position:relative;width:min(94vw,500px);max-height:97vh;overflow:hidden;border-radius:26px;text-align:center;color:#fff;
  background:radial-gradient(120% 80% at 30% 0%,#f0414a 0%,#c4141f 45%,#7d0b13 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1.5px rgba(255,214,120,.55) inset;
  padding:26px 28px 18px;transform:translateY(40px) scale(.86);opacity:0;display:flex;flex-direction:column;gap:8px}
.lc-ov.on .lc-card{animation:lcPop .8s cubic-bezier(.2,1.25,.4,1) .1s forwards}
@keyframes lcPop{to{transform:none;opacity:1}}
.lc-cf::before{content:"";position:absolute;left:-30%;top:-60%;width:160%;height:200%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 10%,rgba(255,225,150,.16) 12% 14%,transparent 16% 35%,rgba(255,225,150,.12) 37% 39%,transparent 41% 65%,rgba(255,225,150,.14) 67% 69%,transparent 71%);
  animation:lcSpin 30s linear infinite;border-radius:50%}
@keyframes lcSpin{to{transform:rotate(360deg)}}
.lc-card>*{position:relative;z-index:1}
.lc-cf{position:absolute!important;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:0!important}
/* সুরের বোতাম */
.lc-snd{position:absolute!important;top:10px;inset-inline-start:10px;z-index:5!important;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;display:grid;place-items:center;transition:.2s}
.lc-snd:hover{background:rgba(255,255,255,.34)}
.lc-snd.wait{animation:lcWait 1.6s ease-out infinite}
@keyframes lcWait{0%{box-shadow:0 0 0 0 rgba(255,217,120,.8)}100%{box-shadow:0 0 0 14px rgba(255,217,120,0)}}
/* ধাপে ধাপে ভেসে ওঠা */
.lc-head,.lc-mock,.lc-body,.lc-foot{opacity:0;transform:translateY(16px)}
.lc-ov.on .lc-head,.lc-ov.on .lc-mock,.lc-ov.on .lc-body,.lc-ov.on .lc-foot{animation:lcUp .65s ease forwards}
.lc-ov.on .lc-head{animation-delay:.35s}.lc-ov.on .lc-mock{animation-delay:.7s}.lc-ov.on .lc-body{animation-delay:1.2s}.lc-ov.on .lc-foot{animation-delay:1.8s}
@keyframes lcUp{to{opacity:1;transform:none}}
/* লোগো */
.lc-logo{width:78px;height:78px;margin:0 auto 4px;position:relative;display:grid;place-items:center}
.lc-logo img{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #ffd978;box-shadow:0 8px 22px rgba(0,0,0,.35);position:relative;z-index:2;animation:lcFloat 3.6s ease-in-out infinite}
.lc-logo i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,217,120,.8);animation:lcRing 2.6s ease-out infinite}
.lc-logo i:nth-child(2){animation-delay:1.3s}
@keyframes lcRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes lcFloat{50%{transform:translateY(-5px)}}
/* শিরোনাম: অর্ধ যুগের জয়যাত্রায় আরেকটি অর্জন */
.lc-hc{container-type:inline-size}
.lc-tag{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 4px}
.lc-tag b{display:block;font-size:clamp(25px,8cqw,40px);font-weight:700;line-height:1.28;padding:2px 4px;
  background:linear-gradient(100deg,#ffd978 0%,#fff6d0 25%,#ffb43c 50%,#fff6d0 75%,#ffd978 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 10px rgba(80,0,0,.55));opacity:0;transform:scale(.3) rotate(-4deg)}
.lc-tag b span{display:block;white-space:nowrap}
.lc-ov.on .lc-tag b{animation:lcStamp .9s cubic-bezier(.2,1.6,.4,1) .55s forwards,lcShine 3.2s linear 1.4s infinite,lcBeat 2.8s ease-in-out 1.5s infinite}
@keyframes lcStamp{to{opacity:1;transform:none}}
@keyframes lcShine{to{background-position:-250% 0}}
@keyframes lcBeat{50%{transform:scale(1.05)}}
.lc-tag i{font-style:normal;color:#ffd978;font-size:clamp(16px,4.6vw,24px);animation:lcTw 1.6s ease-in-out infinite;text-shadow:0 0 10px #ffb43c}
.lc-tag i:last-child{animation-delay:.8s}
@keyframes lcTw{0%,100%{transform:scale(.5) rotate(0);opacity:.4}50%{transform:scale(1.3) rotate(90deg);opacity:1}}
.lc-title{font-size:clamp(14px,5.1cqw,25px);font-weight:700;line-height:1.4;margin:0;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.35)}
/* ঠিকানা — টাইপ হচ্ছে */
.lc-url{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 10px;padding:8px 16px;max-width:100%;border-radius:12px;
  background:rgba(0,0,0,.32);border:1px dashed rgba(255,217,120,.8);direction:ltr;width:fit-content;min-width:min(100%,320px)}
.lc-url .ic{font-size:16px}
.lc-url .tx{font-family:"Poppins",system-ui,sans-serif;font-weight:600;font-size:clamp(16px,4.8vw,20px);letter-spacing:.3px;color:#fff;min-height:1.4em;white-space:nowrap}
.lc-caret{display:inline-block;width:2px;height:1.2em;background:#ffd978;margin-left:2px;animation:lcBlink .8s steps(1) infinite;flex:none}
@keyframes lcBlink{50%{opacity:0}}
.lc-msg{margin:0 0 14px;font-size:clamp(15px,4.1vw,17px);line-height:1.6;color:#ffe9b8;text-wrap:balance}
/* বোতাম: শুভ উদ্বোধন (ছোট থেকে বড়) + ক্লিক আইকন */
.lc-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:74px;border:0;border-radius:16px;padding:10px 18px;color:#7d0b13;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#fff,#ffe9b0);box-shadow:0 8px 20px rgba(0,0,0,.35);animation:lcGlow 1.8s ease-out infinite}
@keyframes lcGlow{0%{box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 0 0 rgba(255,217,120,.85)}100%{box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 0 11px rgba(255,217,120,0)}}
.lc-go::after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);animation:lcSweep 2.8s ease-in-out infinite;pointer-events:none}
@keyframes lcSweep{60%,100%{left:130%}}
.lc-bt{font-size:clamp(26px,7.4vw,34px);font-weight:700;line-height:1.2;display:inline-block;animation:lcGrow 2s ease-out infinite;transform-origin:50% 60%}
@keyframes lcGrow{0%{transform:scale(.55);opacity:.55}65%{transform:scale(1.12);opacity:1}100%{transform:scale(1.12);opacity:1}}
.lc-tap{position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}
.lc-tap svg{width:32px;height:32px;fill:#7d0b13;transform-origin:50% 30%;animation:lcTap 1.8s ease-in-out infinite;position:relative;z-index:2}
.lc-tap em{position:absolute;left:50%;top:26%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2.5px solid #c4141f;opacity:0;animation:lcRip 1.8s ease-out infinite}
.lc-tap em+em{animation-delay:.25s}
@keyframes lcTap{0%,100%{transform:translate(5px,6px) scale(1)}30%{transform:translate(0,0) scale(1)}42%{transform:translate(0,2px) scale(.8)}56%{transform:translate(0,0) scale(1)}}
@keyframes lcRip{0%,38%{transform:scale(.3);opacity:0}42%{opacity:.9}100%{transform:scale(3.6);opacity:0}}
.lc-go.done{animation:none;pointer-events:none}.lc-go.done .lc-bt{animation:none;transform:none;opacity:1;font-size:clamp(22px,6vw,28px)}.lc-go.done .lc-tap{display:none}
.lc-foot{margin:4px 0 0;font-size:15.5px;font-weight:600;color:#fff;display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:center}
.lc-foot span{color:#ffe3a0;font-weight:500}
/* ল্যাপটপ মক (ছোট) */
.lc-lap{width:100%;max-width:245px;margin:4px auto;position:relative;animation:lcFloat2 5s ease-in-out infinite}
.lc-lap::before{content:"";position:absolute;inset:-18% -14%;background:radial-gradient(closest-side,rgba(255,217,120,.38),transparent);z-index:-1}
@keyframes lcFloat2{50%{transform:translateY(-5px)}}
.lc-scr{background:#16161a;border-radius:8px 8px 2px 2px;padding:2.6% 2.6% 3.2%;box-shadow:0 10px 24px rgba(0,0,0,.5);border:1.5px solid #34343b;position:relative}
.lc-view{aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#fff;position:relative}
.lc-view img{width:100%;max-width:none;display:block;animation:lcScroll 18s ease-in-out 2.4s infinite alternate}
@keyframes lcScroll{to{transform:translateY(-73%)}}
.lc-base{height:8px;width:112%;margin-left:-6%;background:linear-gradient(#e4e4e9,#9d9da6);border-radius:0 0 12px 12px;position:relative;box-shadow:0 6px 12px rgba(0,0,0,.4)}
.lc-base::after{content:"";position:absolute;left:50%;top:0;width:16%;height:3px;margin-left:-8%;background:#80808a;border-radius:0 0 6px 6px}
/* কনফেটি ও বেলুন */
.lc-cf s{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;opacity:0;animation:lcFall linear infinite}
@keyframes lcFall{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translateY(700px) rotate(620deg);opacity:.9}}
.lc-bl{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}
.lc-bl u{position:absolute;bottom:-120px;left:var(--x);width:var(--s);height:calc(var(--s)*1.24);border-radius:50% 50% 50% 50%/58% 58% 42% 42%;text-decoration:none;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.85) 0 8%,transparent 22%),radial-gradient(circle at 50% 40%,var(--c),var(--d));
  box-shadow:inset -5px -7px 12px rgba(0,0,0,.18);opacity:0}
.lc-bl u::before{content:"";position:absolute;left:50%;top:99%;width:0;height:0;margin-left:-5px;border:5px solid transparent;border-bottom:8px solid var(--d);border-top:0}
.lc-bl u::after{content:"";position:absolute;left:50%;top:calc(100% + 7px);width:1.5px;height:calc(var(--s)*1.1);background:rgba(255,255,255,.6);transform-origin:top;animation:lcStr 2s ease-in-out infinite alternate}
@keyframes lcStr{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.lc-ov.on .lc-bl u{animation:lcRise var(--t) cubic-bezier(.3,.1,.5,1) var(--w) 1 forwards}
@keyframes lcRise{0%{transform:translate(0,0);opacity:0}6%{opacity:1}25%{transform:translate(18px,-28vh)}50%{transform:translate(-16px,-60vh)}75%{transform:translate(14px,-92vh)}100%{transform:translate(-8px,-135vh);opacity:1}}
.lc-burst{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:hidden}
.lc-burst s{position:absolute;width:9px;height:15px;border-radius:2px}
/* মোবাইল */
@media (max-width:520px){
  .lc-card{padding:22px 16px 14px;border-radius:22px;gap:6px}
  .lc-logo{width:62px;height:62px}.lc-logo img{width:54px;height:54px}
  .lc-lap{max-width:150px}.lc-msg{margin-bottom:10px}.lc-go{min-height:66px}
}
@media (max-height:700px){.lc-logo{display:none}}
@media (prefers-reduced-motion:reduce){.lc-card,.lc-card *{animation:none!important}.lc-ov.on .lc-card,.lc-head,.lc-mock,.lc-body,.lc-foot,.lc-tag b{opacity:1!important;transform:none!important}.lc-cf,.lc-bl{display:none}}

.lc-hint{position:absolute;top:19px;inset-inline-start:58px;z-index:5;font-size:13px;color:#ffe3a0;background:rgba(0,0,0,.28);padding:2px 10px;border-radius:99px;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}
.lc-ov.blocked .lc-hint{opacity:1}
@media (max-width:360px){.lc-hint{font-size:12px;padding:2px 8px}}