/* Preksha Online Exam — Preksha Education-এর অন্য plugin-এর মতো একই রং ও font (navy + gold, Hind Siliguri) */
.px-wrap{--navy:#0f1d3a;--navy2:#1c3160;--gold:#f2b632;--gold2:#e59b12;--ink:#1b2236;--muted:#5d6680;--line:#e3e7f0;--bg:#f4f6fb;
  max-width:860px;margin:0 auto;padding:10px;font-family:"Hind Siliguri","Segoe UI",Roboto,system-ui,sans-serif;font-size:17px;line-height:1.5;color:var(--ink);box-sizing:border-box;container-type:inline-size}
.px-wrap *{box-sizing:border-box}
.px-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:0 0 18px;box-shadow:0 8px 24px rgba(15,29,58,.08)}
.px-title{margin:0 0 4px;font-size:1.35em;line-height:1.25;color:var(--navy);text-align:center;font-family:inherit}
.px-sub{margin:0 0 18px;text-align:center;color:var(--muted);font-size:.85em;font-weight:600}
.px-form label{display:block;font-weight:600;font-size:.92em;margin:0 0 12px;color:var(--navy)}
.px-form label span{color:#d9481c}
.px-form input[type=text],.px-form input[type=tel],.px-form input[type=date],.px-form select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:2px solid var(--line);border-radius:12px;font-size:16px;background:#fff;font-family:inherit;color:var(--ink)}
.px-form input:focus,.px-form select:focus{outline:none;border-color:var(--gold)}
.px-form input[type=file]{display:block;width:100%;margin-top:6px;padding:10px;border:2px dashed var(--line);border-radius:12px;background:var(--bg);font-family:inherit}
.px-dob{display:grid;grid-template-columns:1fr 1.4fr 1.1fr;gap:8px;margin:-6px 0 14px}
.px-form .px-dob select{margin-top:0;padding:11px 8px}
.px-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@container (max-width:600px){.px-row{grid-template-columns:1fr}.px-card{padding:16px}}
.px-radios{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 14px}
.px-form .px-radio{display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;border:2px solid var(--line);border-radius:12px;font-weight:500;cursor:pointer;background:#fff}
.px-form .px-radio:has(input:checked){border-color:var(--gold);background:#fff8e6}
.px-radio input{width:18px;height:18px;accent-color:var(--navy)}
.px-hint{font-size:.78em;color:var(--muted);margin:-6px 0 12px}
.px-form p.px-center.px-hint{margin:12px 0 0}
.px-center{text-align:center}
.px-hp{position:absolute;left:-9999px}

/* বোতাম — Courses-এর মতো সোনালি, চকচকে */
.px-wrap .px-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-block;background:linear-gradient(90deg,var(--gold),var(--gold2))!important;color:var(--navy)!important;border:0;border-radius:999px;padding:11px 24px;font-size:1em;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none!important;box-shadow:0 6px 16px rgba(229,155,18,.35)}
.px-wrap .px-btn::after{content:"";position:absolute;top:-10%;left:0;width:45%;height:120%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0));transform:translateX(-160%) skewX(-20deg);pointer-events:none;z-index:-1;animation:pxShine 3s ease-in-out infinite}
.px-wrap .px-btn:hover{filter:brightness(1.04)}
.px-wrap .px-btn:disabled{opacity:.55;cursor:not-allowed}
.px-btn-big{width:100%;padding:14px!important;font-size:1.05em!important;margin-top:6px}
@keyframes pxShine{0%,50%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(330%) skewX(-20deg)}}

.px-alert{border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:.92em}
.px-alert ul{margin:0;padding-left:18px}
.px-ok{background:#e3f5ec;border:1px solid #b9e6cf;color:#0e6b42}
.px-err{background:#fbe7e4;border:1px solid #f3c4bd;color:#a52a1b}
.px-info{background:#eef2fb;border:1px solid #d3dcf0;color:var(--navy)}
.px-student{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.px-student strong{color:var(--navy);font-size:1.1em}
.px-student small{color:var(--muted)}
.px-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.78em;font-weight:700}
.px-badge.px-pending{background:#fdf0d2;color:#a26a00}
.px-badge.px-verified{background:#e3f5ec;color:#14905a}
.px-badge.px-rejected{background:#fbe7e4;color:#c0392b}
.px-link{margin-left:10px;font-size:.85em;color:var(--navy)}
.px-exam-title{margin:0 0 6px;color:var(--navy);font-size:1.2em;font-family:inherit}
.px-time{font-size:.85em;color:var(--muted);margin:0 0 14px}
.px-time b{color:var(--ink)}

/* পরীক্ষার পরিচয় (JNVST / RKM / Academic) ও রোল কার্ড */
.px-chip{display:inline-block;background:#fff4dd;color:#b26a00;border:1px solid #f6dc9b;font-weight:700;font-size:.72em;padding:3px 12px;border-radius:999px;margin:0 0 6px}
.px-rollcard{border:2px dashed var(--gold);background:#fffaf0}
.px-rollcard span{display:block;color:var(--muted);font-weight:600}
.px-rollcard b{display:block;font-size:2.2em;letter-spacing:2px;color:var(--navy);margin:2px 0}
.px-rollcard small{display:block;color:var(--muted)}
.px-cats .px-radio{flex:1 1 180px}

/* Countdown */
.px-countdown{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:16px;padding:12px;text-align:center;margin:0 0 14px;border-bottom:4px solid var(--gold)}
.px-countdown .px-cd-label{display:block;font-size:.85em;opacity:.95;margin-bottom:6px}
.px-cd-boxes{display:flex;justify-content:center;gap:8px}
.px-cd-box{background:rgba(255,255,255,.12);border-radius:12px;min-width:64px;padding:6px 8px}
.px-cd-box b{display:block;font-size:1.7em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--gold)}
.px-cd-box small{display:block;font-size:.72em;opacity:.9}
.px-countdown.px-small{padding:8px;margin:0}
.px-small .px-cd-box{min-width:50px;padding:4px 6px}
.px-small .px-cd-box b{font-size:1.2em}
.px-countdown.px-live{background:linear-gradient(135deg,#14905a,#0e6b42);border-bottom-color:#7ee2ad}
.px-countdown.px-live .px-cd-box b{color:#fff}
.px-countdown.px-warn{background:linear-gradient(135deg,#d9481c,#a52a1b);border-bottom-color:#ffd0c2}
.px-countdown.px-warn .px-cd-box b{color:#fff}
.px-sticky{position:sticky;top:8px;z-index:50}
.px-bar{display:block;height:6px;background:rgba(255,255,255,.3);border-radius:4px;margin-top:8px;overflow:hidden}
.px-bar em{display:block;height:100%;background:#fff;width:100%;transition:width 1s linear}

.px-schedule .px-sch-item{border-top:1px solid var(--line);padding:12px 0}
.px-schedule .px-sch-item:first-of-type{border-top:0;padding-top:4px}
.px-sch-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.px-sch-top b{color:var(--navy)}
.px-section-head{margin:26px 0 10px;color:var(--navy);font-size:1.1em}
.px-state-over{opacity:.95}
.px-file-err{background:#fbe7e4;border:1px solid #f3c4bd;color:#a52a1b;border-radius:10px;padding:8px 10px;font-size:.85em;margin:0 0 8px}

/* প্রশ্ন */
.px-viewer{background:var(--bg);border-radius:14px;padding:8px;margin:0 0 10px;-webkit-user-select:none;user-select:none}
.px-page{position:relative;margin:0 0 10px;background:#fff;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.px-pages{overflow:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.px-zoombar{position:sticky;bottom:12px;z-index:40;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:999px;padding:5px 8px;margin:0 0 8px;width:max-content;box-shadow:0 4px 12px rgba(15,29,58,.12)}
.px-zoombar button{font:inherit;font-weight:700;font-size:1.1em;min-width:40px;height:36px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.px-zoombar button:disabled{opacity:.35;cursor:default}
.px-zoombar .px-zoomfit{font-size:.8em;padding:0 12px}
.px-zoomval{min-width:52px;text-align:center;font-weight:700;color:var(--navy)}
.px-page canvas{display:block}
.px-wm{position:absolute;inset:-50%;display:flex;flex-wrap:wrap;gap:60px 80px;align-content:flex-start;transform:rotate(-30deg);pointer-events:none;opacity:.12;font-size:20px;font-weight:700;color:#111}
.px-wm span{white-space:nowrap}
.px-pageno{font-size:.75em;color:var(--muted);margin:4px 2px}

/* OMR জমা */
.px-upload{border:2px dashed var(--gold);background:#fffaf0;border-radius:16px;padding:16px;margin:10px 0}
.px-upload h4{margin:0 0 6px;color:var(--navy);font-family:inherit}
.px-upload .px-hint{margin:0 0 10px}
.px-upload input[type=file]{display:block;width:100%;padding:10px;border:2px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px;font-family:inherit}

/* রেজাল্ট */
.px-result{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:16px;padding:16px;text-align:center;margin-top:10px;border-bottom:4px solid var(--gold)}
.px-result span{display:block;opacity:.9}
.px-result b{display:block;font-size:2em;color:var(--gold)}
.px-result small{display:block;margin-top:4px}

/* রেজিস্ট্রেশন: ছবি, স্বীকারোক্তি */
.px-consent{display:flex!important;gap:10px;align-items:flex-start;background:#fff8e6;border:2px solid #f6dc9b;border-radius:14px;padding:12px;font-weight:500!important;font-size:.85em!important;line-height:1.6;color:var(--ink)!important}
.px-consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:var(--navy)}
.px-photo-preview{width:90px;height:110px;object-fit:cover;border-radius:12px;border:2px solid var(--line);margin:-4px 0 14px}

/* সফল ছাত্রছাত্রী */
.px-toppers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.px-topper{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 10px;box-shadow:0 6px 18px rgba(15,29,58,.07);border-bottom:4px solid var(--gold)}
.px-topper img,.px-nophoto{width:110px;height:130px;object-fit:cover;border-radius:14px;display:block;margin:0 auto 8px;border:3px solid #fff;box-shadow:0 2px 8px rgba(15,29,58,.18)}
.px-nophoto{background:var(--bg);font-size:50px;line-height:130px}
.px-topper b{display:block;color:var(--navy);font-size:1em}
.px-topper span{display:block;font-size:.85em;color:var(--ink)}
.px-topper small{display:block;font-size:.78em;color:var(--muted);margin-top:2px}

/* WhatsApp-এ জিজ্ঞাসা করুন — Courses plugin-এর বোতামের মতো */
.px-help{text-align:center;margin:22px 0 4px}
.px-wrap a.px-act-wa{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border-radius:14px;background:#25d366;border:2px solid #25d366;color:#fff!important;text-decoration:none!important;line-height:1.25;box-shadow:0 6px 16px rgba(37,211,102,.35);text-align:left}
.px-wrap a.px-act-wa svg{flex:none}
.px-act-wa b{display:block;font-size:.95em}
.px-act-wa small{display:block;color:#eafff1;font-size:.76em}
.px-hint2{margin:8px 0 0;color:var(--muted);font-size:.86em;text-align:center}
.px-hint2 small{display:block;font-size:.88em}

/* Join YouTube / Facebook / WhatsApp / Download App — Eligibility ও News-এর মতো */
.px-wrap .px-social{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(15,29,58,.06);margin:18px 0}
.px-wrap .px-social-t{text-align:center;font-weight:700;margin-bottom:14px;line-height:1.3;color:var(--navy);font-size:1.08em}
.px-wrap .px-social-t small{display:block;font-size:.78em;font-weight:600;color:var(--muted);margin-top:2px}
.px-wrap .px-livedot::before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#ff2a2a;margin-right:.45em;vertical-align:.08em;animation:pxDot 1.2s ease-in-out infinite}
.px-wrap .px-social-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@container (max-width:900px){.px-wrap .px-social-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:460px){.px-wrap .px-social-g{grid-template-columns:1fr}}
.px-wrap a.px-soc{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:#fff!important;text-decoration:none!important;font-weight:600;line-height:1.25;box-shadow:0 3px 10px rgba(0,0,0,.12);animation:pxGlow 2.4s ease-in-out infinite}
.px-wrap a.px-soc:hover{animation-play-state:paused;transform:translateY(-2px)}
.px-wrap .px-soc-i{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;animation:pxNudge 3.2s ease-in-out infinite}
.px-wrap .px-soc-i svg{width:26px;height:26px;display:block}
.px-wrap .px-soc-t{flex:1;min-width:0;display:flex;flex-direction:column}
.px-wrap .px-soc-t b{font-size:1.02em;color:#fff}
.px-wrap .px-soc-t small{font-size:.78em;font-weight:500;color:rgba(255,255,255,.9)}
.px-wrap .px-soc-a{flex:none;font-size:1.4em;opacity:.85}
.px-wrap .px-soc-youtube{background:linear-gradient(135deg,#ff2a2a,#cc0000);--g:255,40,40}
.px-wrap .px-soc-facebook{background:linear-gradient(135deg,#2f8bff,#1060d6);--g:24,119,242}
.px-wrap .px-soc-whatsapp{background:linear-gradient(135deg,#2fdc72,#128c4a);--g:37,211,102}
.px-wrap .px-soc-app{background:linear-gradient(135deg,#1d5a4c,#123c33);--g:242,165,22}
.px-wrap .px-soc-app .px-soc-i{background:var(--gold)}
.px-wrap a.px-soc::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skewX(-20deg);animation:pxSweep 3.2s ease-in-out infinite}
.px-wrap .px-social-g a.px-soc:nth-child(2),.px-wrap .px-social-g a.px-soc:nth-child(2)::after,.px-wrap .px-social-g a.px-soc:nth-child(2) .px-soc-i{animation-delay:.4s}
.px-wrap .px-social-g a.px-soc:nth-child(3),.px-wrap .px-social-g a.px-soc:nth-child(3)::after,.px-wrap .px-social-g a.px-soc:nth-child(3) .px-soc-i{animation-delay:.8s}
.px-wrap .px-social-g a.px-soc:nth-child(4),.px-wrap .px-social-g a.px-soc:nth-child(4)::after,.px-wrap .px-social-g a.px-soc:nth-child(4) .px-soc-i{animation-delay:1.2s}
@keyframes pxGlow{0%,100%{box-shadow:0 3px 10px rgba(var(--g),.25)}50%{box-shadow:0 0 0 4px rgba(var(--g),.22),0 6px 22px rgba(var(--g),.55)}}
@keyframes pxSweep{0%{left:-60%}55%,100%{left:130%}}
@keyframes pxNudge{0%,70%,100%{transform:scale(1) rotate(0)}76%{transform:scale(1.15) rotate(-8deg)}82%{transform:scale(1.15) rotate(8deg)}88%{transform:scale(1.08) rotate(0)}}
@keyframes pxDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@media (prefers-reduced-motion:reduce){.px-wrap *,.px-wrap *::after{animation:none!important}}

@media print{.px-viewer,.px-page{display:none!important}}
body.px-noprint .px-viewer{display:none!important}
.px-wrap .px-invalid{border-color:#d9481c!important;box-shadow:0 0 0 3px rgba(217,72,28,.12)!important}
.px-radios.px-invalid,.px-dob.px-invalid{border:2px solid #d9481c;border-radius:14px;padding:6px;box-shadow:none!important}
.px-dob.px-invalid{margin-top:-2px}
.px-field-err{display:block;color:#c0392b;font-size:.82em;font-weight:600;margin:4px 2px 10px}
.px-radios + .px-field-err{margin-top:-8px}
.px-countdown.px-stopped{background:linear-gradient(135deg,#5d6680,#3f475e);border-bottom-color:#c9d2ea}
.px-countdown.px-stopped .px-cd-box b{color:#fff}
.px-wait{background:#fffaf0;border:2px dashed var(--gold);border-radius:14px;padding:12px 14px;margin:10px 0 0;text-align:center}
.px-wait b{display:block;color:var(--navy);font-size:1.02em}
.px-wait span{display:block;color:var(--ink);font-size:.88em;margin:2px 0 8px}
.px-wait-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.px-wrap .px-wait-links a{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff;border:2px solid var(--line);color:var(--navy)!important;font-weight:700;font-size:.82em;text-decoration:none!important}
.px-wait small{display:block;color:var(--muted);margin-top:8px;font-size:.8em}
.px-nav{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 0 14px}
.px-wrap .px-nav a,.px-nav-on{flex:1 1 0;min-width:0;text-align:center;padding:9px 8px;border-radius:12px;font-weight:700;font-size:.82em;line-height:1.25;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-wrap .px-nav a{background:#fff;border:2px solid var(--line);color:var(--navy)!important}
.px-wrap .px-nav a:hover{border-color:var(--gold)}
.px-nav-on{background:var(--navy);border:2px solid var(--navy);color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
@container (max-width:420px){.px-wrap .px-nav a,.px-nav-on{font-size:.72em;padding:8px 4px}}
.px-wrap a.px-soon,.px-soon{display:block;margin:8px auto 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy)!important;font-weight:800;font-size:1em;line-height:1.35;text-decoration:none!important;box-shadow:0 6px 16px rgba(229,155,18,.35);animation:pxPulse 2s ease-in-out infinite}
.px-soon u{text-decoration-thickness:2px;text-underline-offset:3px}
.px-soon-big{font-size:1.15em;padding:22px 16px;text-align:center;border-radius:18px}
.px-soon-big small{display:block;margin-top:6px;font-weight:600;font-size:.72em;color:var(--navy)}
@keyframes pxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media (prefers-reduced-motion:reduce){.px-soon{animation:none}}
.px-userbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px 0 14px;padding:8px 10px 8px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:.85em;color:var(--muted)}
.px-userbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-userbar b{color:var(--navy)}
.px-wrap a.px-logout{flex:0 0 auto;padding:6px 14px;border-radius:999px;background:#fff;border:2px solid #d64545;color:#c02f2f!important;font-weight:700;font-size:.92em;text-decoration:none!important}
.px-wrap a.px-logout:hover{background:#c02f2f;color:#fff!important}