@keyframes rzpSpin{to{transform:rotate(360deg);}}
@keyframes homeSchedPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(220,38,38,.55);}50%{transform:scale(1.06);box-shadow:0 0 0 6px rgba(220,38,38,0);}}

@keyframes heroSchedGlow{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.45),0 8px 32px rgba(220,38,38,.18);}50%{box-shadow:0 0 0 8px rgba(220,38,38,0),0 8px 40px rgba(220,38,38,.32);}}
@keyframes heroSchedShimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
@keyframes heroSchedDotBlink{0%,100%{opacity:1;}50%{opacity:.25;}}
.hero-sched-banner{animation:heroSchedGlow 2.2s ease-in-out infinite;}
.hero-sched-banner .hsb-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.14) 45%,rgba(255,255,255,.14) 55%,transparent 70%);background-size:200% 100%;animation:heroSchedShimmer 2.6s linear infinite;pointer-events:none;}
.hero-sched-banner .hsb-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block;animation:heroSchedDotBlink 1.1s infinite;}
#rzpLoadingOverlay{display:none;position:fixed;inset:0;z-index:10000000;background:rgba(0,0,20,.9);align-items:center;justify-content:center;flex-direction:column;gap:16px;}


.hdr-logo-wrap{
  width:48px;height:48px;
  background:linear-gradient(145deg,#1a2644,#0d1630);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;overflow:visible;position:relative;
  animation:logoFloat 4s ease-in-out infinite;
}
.hdr-logo-wrap::before{
  content:'';position:absolute;inset:-2px;
  border-radius:13px;
  background:conic-gradient(from 0deg,#f5cc40,#fde68a,#d4a017,#f5cc40,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,#f5cc40);
  animation:logoRingRotate 3s linear infinite;z-index:-1;
}
.hdr-logo-wrap::after{
  content:'';position:absolute;inset:2px;
  border-radius:10px;background:linear-gradient(145deg,#1a2644,#0d1630);z-index:-1;
}
.hdr-l h1{
  font-family:'Cinzel','Playfair Display',serif!important;
  font-size:1.05em;font-weight:900;
  background:linear-gradient(135deg,#f5cc40 0%,#fde68a 40%,#fff 60%,#f5cc40 100%)!important;
  background-size:200% auto!important;
  -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;
  background-clip:text!important;
  text-transform:uppercase;letter-spacing:.06em;
  animation:titleShimmer 5s linear infinite;
}



@font-face {
  font-family: 'Krutidev055';
  src: local('Kruti Dev 055'), local('KrutiDev055'), local('Kruti Dev 010'), local('KrutiDev010');
  font-style: normal;
}



:root{
  --blue:#1d4ed8;--blue-l:#dbeafe;--blue-m:#eff6ff;
  --green:#15803d;--green-l:#dcfce7;--green-m:#f0fdf4;
  --purple:#7c3aed;--purple-l:#ede9fe;
  --red:#b91c1c;--red-l:#fee2e2;
  --yellow:#b45309;--yellow-l:#fef9c3;
  --orange:#c2410c;--orange-l:#ffedd5;
  --half-mistake:#d97706;--half-mistake-l:#fef3c7;
  --gray:#374151;--gray-l:#f3f4f6;--gray-m:#e5e7eb;
  --text:#111827;--text-m:#6b7280;--border:#d1d5db;
  --surface:#fff;--surface2:#f8faff;--card:#fff;--inp:#eff6ff;
  --shadow:rgba(0,0,0,.08);
  --bodybg:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 50%,#fef9c3 100%);
}
[data-theme="dark"]{
  --blue:#60a5fa;--blue-l:#1e3a5f;--blue-m:#172040;
  --green:#4ade80;--green-l:#14532d;--green-m:#0f2a1a;
  --purple:#a78bfa;--purple-l:#2e1065;
  --red:#f87171;--red-l:#450a0a;
  --yellow:#fbbf24;--yellow-l:#451a03;
  --orange:#fb923c;--orange-l:#431407;
  --gray:#d1d5db;--gray-l:#1e293b;--gray-m:#334155;
  --text:#e2e8f0;--text-m:#94a3b8;--border:#334155;
  --surface:#1e293b;--surface2:#263348;--card:#1e293b;--inp:#172040;
  --shadow:rgba(0,0,0,.4);
  --bodybg:linear-gradient(135deg,#0f172a 0%,#0f2a1a 50%,#1a1000 100%);
}
[data-theme="neon"]{
  --blue:#00f5ff;--blue-l:#001a2a;--blue-m:#001018;
  --green:#39ff14;--green-l:#001a00;--green-m:#000f00;
  --purple:#bf00ff;--purple-l:#1a0026;
  --red:#ff073a;--red-l:#1a0007;
  --yellow:#ffff00;--yellow-l:#1a1a00;
  --orange:#ff6600;--orange-l:#1a0d00;
  --gray:#88ff88;--gray-l:#001100;--gray-m:#002200;
  --text:#ccffcc;--text-m:#66cc66;--border:#006644;
  --surface:#001400;--surface2:#002200;--card:#001400;--inp:#000e00;
  --shadow:rgba(0,255,100,.15);
  --bodybg:linear-gradient(135deg,#000d1a 0%,#001400 50%,#0d0d00 100%);
}
[data-theme="retro"]{
  --blue:#1a237e;--blue-l:#e8eaf6;--blue-m:#f0f0ff;
  --green:#1b5e20;--green-l:#e8f5e9;--green-m:#f1f8e9;
  --purple:#4a148c;--purple-l:#f3e5f5;
  --red:#b71c1c;--red-l:#ffebee;
  --yellow:#e65100;--yellow-l:#fff3e0;
  --orange:#bf360c;--orange-l:#fbe9e7;
  --gray:#37474f;--gray-l:#eceff1;--gray-m:#cfd8dc;
  --text:#212121;--text-m:#546e7a;--border:#b0bec5;
  --surface:#fafafa;--surface2:#f5f5f5;--card:#fafafa;--inp:#f0f0ff;
  --shadow:rgba(0,0,0,.12);
  --bodybg:linear-gradient(135deg,#e8eaf6 0%,#e8f5e9 50%,#fff3e0 100%);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Noto Sans Devanagari','Mukta','Hind','Noto Sans','Tiro Devanagari Marathi',sans-serif;min-height:100vh;color:var(--text);background:var(--bodybg);transition:background .3s,color .3s;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
html{overflow-x:hidden;}
textarea,input[type=text],input[type=radio]{user-select:text !important;-webkit-user-select:text !important;}

#typingInput,#gtTypingInput,#dtTypingArea,#schTypingInput,#lhTypingInput{
  user-select:none !important;-webkit-user-select:none !important;-webkit-touch-callout:none !important;
}

button,.btn,.chip,.tbtn,.mbtn,.stab,.thmbtn,.pnum-btn,.psel-lang-btn{
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
  user-select:none;
}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--gray-l);}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}




@keyframes tickerMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-outer{background:linear-gradient(90deg,#0a0e1a,#0d1432,#0a0e1a);padding:7px 0;overflow:hidden;border-bottom:1px solid rgba(99,179,237,.15);}
.ticker-track{display:inline-flex;white-space:nowrap;animation:tickerMove 30s linear infinite;}
.ticker-item{font-size:12px;font-weight:700;color:#63b3ed;letter-spacing:.06em;padding:0 40px;}
.ticker-item i{color:#f5cc40;margin-right:6px;}
.ticker-sep{color:rgba(99,179,237,.3);margin:0 6px;}


#landingPage{display:block;}

.landing-page{
  min-height:100vh;
  background:#0b0f1e;
  position:relative;overflow:visible;
  font-family:'Inter','Poppins','Noto Sans',sans-serif;
  padding-top:72px; 
}


.lp-bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;}
@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-30px) scale(1.08);}}
@keyframes floatOrb2{0%,100%{transform:translate(0,0);}50%{transform:translate(-50px,40px) scale(1.1);}}
.lp-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);}
.lp-orb-1{width:600px;height:600px;top:-100px;left:-150px;background:radial-gradient(circle,rgba(29,78,216,.18) 0%,transparent 65%);animation:floatOrb 20s ease-in-out infinite;}
.lp-orb-2{width:500px;height:500px;bottom:-80px;right:-100px;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 65%);animation:floatOrb2 24s ease-in-out infinite;}
.lp-orb-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,175,55,.06) 0%,transparent 65%);animation:floatOrb 32s ease-in-out infinite reverse;}


.landing-header-strip{
  background: linear-gradient(135deg, rgba(5,8,20,0.99) 0%, rgba(10,16,35,0.98) 50%, rgba(8,12,28,0.99) 100%);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  padding:0;
  border-bottom: 1px solid transparent;
  background-clip: padding-box;
  position:fixed;top:0;left:0;right:0;z-index:1000;
  box-shadow: 0 1px 0 rgba(245,204,64,0.2), 0 4px 40px rgba(0,0,0,0.6);
}
.landing-header-strip::before {
  content:'';
  position:absolute;top:0;left:0;right:0;height:2px;
  background: linear-gradient(90deg, transparent 0%, #f5cc40 20%, #fde68a 50%, #f5cc40 80%, transparent 100%);
  background-size: 200% 100%;
  animation: headerGoldSweep 4s linear infinite;
  z-index:1;
}
.landing-header-strip::after {
  content:'';
  position:absolute;bottom:0;left:0;right:0;height:1px;
  background: linear-gradient(90deg, transparent 0%, rgba(59,130,246,0.3) 30%, rgba(245,204,64,0.15) 70%, transparent 100%);
}
@keyframes headerGoldSweep {
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}
.landing-header-inner{
  max-width:1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 28px;
  gap:16px;
  flex-wrap:nowrap;
  position:relative;z-index:2;
}
.landing-logo-row{display:flex;align-items:center;gap:18px;flex-shrink:0;}
.landing-logo-circle{
  width:62px;height:62px;
  background: linear-gradient(145deg, #1a2644 0%, #0d1630 50%, #162040 100%);
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  overflow:visible;
  position:relative;
  animation: logoFloat 4s ease-in-out infinite;
  cursor:pointer;
  transition: transform 0.25s;
}
.landing-logo-circle:hover { transform: scale(1.07) rotate(-1deg); }
.landing-logo-circle::before {
  content:'';
  position:absolute;inset:-3px;
  border-radius:17px;
  background: conic-gradient(from 0deg, #f5cc40, #fde68a, #d4a017, #f5cc40, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, #f5cc40);
  animation: logoRingRotate 3s linear infinite;
  z-index:-1;
}
.landing-logo-circle::after {
  content:'';
  position:absolute;inset:2px;
  border-radius:13px;
  background: linear-gradient(145deg, #1a2644, #0d1630);
  z-index:-1;
}
@keyframes logoRingRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes logoFloat {
  0%,100% { box-shadow: 0 4px 20px rgba(245,204,64,0.2), 0 2px 8px rgba(29,78,216,0.25); }
  50% { box-shadow: 0 8px 32px rgba(245,204,64,0.38), 0 4px 16px rgba(29,78,216,0.4); transform: translateY(-2px); }
}
.landing-logo-circle svg{width:34px;height:34px;position:relative;z-index:1;}
.landing-title-group{position:relative;}
.landing-title-group h1{
  font-family:'Cinzel','Montserrat',serif;
  font-size:1.3em;font-weight:900;
  background: linear-gradient(135deg, #f5cc40 0%, #fde68a 35%, #fff 55%, #fde68a 75%, #f5cc40 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  background-size: 200% auto;
  margin:0;line-height:1.2;letter-spacing:.06em;
  text-shadow:none;white-space:nowrap;
  animation: titleShimmer 5s linear infinite;
}
@keyframes titleShimmer {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}
.landing-title-group p{
  font-family:'Rajdhani','Poppins',sans-serif;
  font-size:10px;
  color:rgba(245,204,64,0.6);
  margin:4px 0 0;letter-spacing:.13em;font-weight:600;
  text-transform:uppercase;white-space:nowrap;
  display:flex;align-items:center;gap:5px;
}
.landing-title-group p::before{content:'◆';color:rgba(245,204,64,0.35);font-size:6px;}
.landing-title-group p::after{content:'◆';color:rgba(245,204,64,0.35);font-size:6px;}
.header-right-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0;}
.header-badges-strip{display:none;}
.header-badges-strip{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.hbadge{
  background:linear-gradient(135deg,rgba(245,204,64,.07),rgba(245,204,64,.02));
  border:1px solid rgba(245,204,64,.18);
  color:rgba(255,255,255,.8);
  padding:5px 13px;border-radius:6px;
  font-size:10px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;transition:all .25s;
}
.hbadge:hover{background:rgba(245,204,64,.12);border-color:rgba(245,204,64,.35);}
.hbadge i{margin-right:4px;color:#f5cc40;}
.hdr-social-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 13px;border-radius:7px;
  font-size:11px;font-weight:700;text-decoration:none;
  transition:all .22s;white-space:nowrap;
  letter-spacing:.04em;
}
.hdr-tg-btn{background:rgba(0,136,204,.2);color:#4fc3f7;border:1px solid rgba(0,136,204,.3);}
.hdr-tg-btn:hover{background:rgba(0,136,204,.4);}
.hdr-yt-btn{background:rgba(220,38,38,.2);color:#f87171;border:1px solid rgba(220,38,38,.3);}
.hdr-yt-btn:hover{background:rgba(220,38,38,.35);}


.lp-layout{
  display:flex;
  min-height:calc(100vh - 58px);
  position:relative;z-index:1;
}


.lp-sidebar{
  width:220px;
  flex-shrink:0;
  background:linear-gradient(180deg,#080e23 0%,#0c1535 50%,#060b1c 100%);
  border-right:1px solid rgba(79,136,255,.12);
  padding:20px 10px 24px;
  display:flex;flex-direction:column;gap:2px;
  position:relative;
  overflow:hidden;
}

.lp-sidebar::before{
  content:'';position:absolute;top:-60px;right:-40px;
  width:180px;height:180px;
  background:radial-gradient(circle,rgba(59,130,246,.18) 0%,transparent 70%);
  pointer-events:none;
}
.lp-sidebar::after{
  content:'';position:absolute;bottom:-40px;left:-30px;
  width:140px;height:140px;
  background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);
  pointer-events:none;
}
@media(max-width:900px){
  .lp-sidebar{display:none;}
  .lp-main{margin-left:0!important;}
}

.sidebar-brand{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px 18px;
  border-bottom:1px solid rgba(79,136,255,.1);
  margin-bottom:8px;
}
.sidebar-brand-icon{
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,#3b82f6,#6366f1);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;
  box-shadow:0 4px 12px rgba(59,130,246,.4);
}
.sidebar-brand-text{font-size:15px;font-weight:900;color:#f0f4ff;letter-spacing:.02em;}
.sidebar-brand-sub{font-size:9px;color:rgba(148,163,184,.5);font-weight:600;text-transform:uppercase;letter-spacing:.08em;}

.sidebar-label{
  font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;
  color:rgba(99,136,200,.5);padding:10px 12px 4px;margin-top:6px;
  display:flex;align-items:center;gap:6px;
}
.sidebar-label::before{
  content:'';display:block;width:16px;height:1px;
  background:linear-gradient(90deg,rgba(99,136,200,.4),transparent);
}
.sidebar-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:10px;
  color:rgba(148,163,184,.7);font-size:12.5px;font-weight:600;
  cursor:pointer;transition:all .2s ease;
  text-decoration:none;position:relative;
  overflow:hidden;
}
.sidebar-item::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  border-radius:0 2px 2px 0;
  background:transparent;transition:all .2s;
}
.sidebar-item i{
  width:20px;height:20px;text-align:center;
  font-size:.85em;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);
  border-radius:6px;flex-shrink:0;
  transition:all .2s;
}
.sidebar-item:hover{
  background:rgba(59,130,246,.1);
  color:#c7d8ff;
  transform:translateX(2px);
}
.sidebar-item:hover i{background:rgba(59,130,246,.2);color:#60a5fa;}
.sidebar-item:hover::before{background:rgba(59,130,246,.4);}
.sidebar-item.active{
  background:linear-gradient(90deg,rgba(29,78,216,.25),rgba(29,78,216,.08));
  color:#93c5fd;
  border:1px solid rgba(59,130,246,.2);
}
.sidebar-item.active::before{background:linear-gradient(180deg,#3b82f6,#6366f1);}
.sidebar-item.active i{background:rgba(59,130,246,.25);color:#93c5fd;}


.sidebar-premium-badge{
  margin:12px 10px 0;padding:12px;
  background:linear-gradient(135deg,rgba(245,204,64,.08),rgba(245,204,64,.04));
  border:1px solid rgba(245,204,64,.2);
  border-radius:12px;text-align:center;cursor:pointer;
  transition:all .2s;
}
.sidebar-premium-badge:hover{background:linear-gradient(135deg,rgba(245,204,64,.15),rgba(245,204,64,.08));border-color:rgba(245,204,64,.35);}
.sidebar-premium-badge .pb-crown{font-size:18px;display:block;margin-bottom:4px;}
.sidebar-premium-badge .pb-text{font-size:11px;font-weight:800;color:#f5cc40;display:block;}
.sidebar-premium-badge .pb-sub{font-size:10px;color:rgba(245,204,64,.6);}


.lp-main{flex:1;overflow:hidden;}


.landing-hero{
  position:relative;overflow:hidden;
  padding:0;margin:0;
}
.hero-bg{
  position:relative;
  background:linear-gradient(135deg,#0d1432 0%,#0f1e4a 40%,#0a0e2a 100%);
  padding:36px 32px 32px;
  overflow:hidden;
}

@keyframes wavePulse{0%,100%{opacity:.5;transform:scaleX(1);}50%{opacity:.8;transform:scaleX(1.03);}}
@keyframes waveRise{0%{transform:translateY(0);}100%{transform:translateY(-8px);}}
.hero-wave{position:absolute;bottom:0;left:0;right:0;pointer-events:none;}
.hero-wave svg{display:block;width:100%;}
.hero-mesh{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 50%,rgba(29,78,216,.3) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.18) 0%,transparent 45%),
    radial-gradient(ellipse at 50% 100%,rgba(212,175,55,.08) 0%,transparent 40%);
  animation:wavePulse 6s ease-in-out infinite;
}

.hero-wave-svg{
  position:absolute;bottom:-2px;left:0;right:0;height:60px;pointer-events:none;
  overflow:hidden;
}
.hero-wave-svg svg{position:absolute;bottom:0;width:200%;height:100%;animation:waveSweep 8s linear infinite;}
.hero-wave-svg svg:nth-child(2){animation:waveSweep 12s linear infinite reverse;opacity:.5;}
@keyframes waveSweep{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.hero-dots{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.hero-dots::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(99,179,237,.3) 1.5px,transparent 1.5px);
  background-size:32px 32px;
  opacity:.4;
  animation:dotsDrift 12s linear infinite;
}
.hero-dots::after{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(212,175,55,.2) 1px,transparent 1px);
  background-size:60px 60px;
  background-position:16px 16px;
  opacity:.3;
  animation:dotsDrift 18s linear infinite reverse;
}
@keyframes dotsDrift{
  0%{background-position:0 0;}
  100%{background-position:64px 64px;}
}
.hero-content{position:relative;z-index:2;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;}
.hero-left{flex:1;min-width:0;}
.hero-badge-top{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(245,204,64,.15);border:1px solid rgba(245,204,64,.3);
  color:#f5cc40;padding:5px 14px;border-radius:20px;
  font-size:11px;font-weight:700;letter-spacing:.04em;
  margin-bottom:16px;
}
.hero-tagline{
  font-family:'Poppins',sans-serif;
  font-size:2em;font-weight:800;
  color:#f0f7ff;
  margin:0 0 8px;line-height:1.2;
}
.hero-tagline .hl-orange{color:#fb923c;}
.hero-tagline .hl-white{color:#fff;}
.hero-mastery{
  display:block;font-size:.95em;font-weight:900;
  background:linear-gradient(90deg,#f5cc40,#fde68a,#60a5fa,#a78bfa);
  background-size:200% 200%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  letter-spacing:.04em;text-transform:uppercase;
  animation:gradShift 5s ease-in-out infinite alternate;
}
@keyframes gradShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.hero-sub{font-size:.88em;color:rgba(203,213,225,.7);margin:10px 0 18px;line-height:1.7;max-width:420px;}
.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap;}
.hero-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#fff;font-weight:800;font-size:13px;
  padding:11px 24px;border-radius:12px;
  box-shadow:0 6px 24px rgba(29,78,216,.4);
  border:none;cursor:pointer;font-family:inherit;
  transition:all .2s;letter-spacing:.03em;
}
.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(29,78,216,.5);}
.hero-btn-secondary{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  color:#e2e8f0;font-weight:700;font-size:13px;
  padding:11px 20px;border-radius:12px;
  cursor:pointer;font-family:inherit;transition:all .2s;
}
.hero-btn-secondary:hover{background:rgba(255,255,255,.14);}


.hero-stats-row{
  display:flex;gap:16px;margin-top:18px;flex-wrap:wrap;
}
.hstat{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;padding:10px 18px;text-align:center;
  min-width:72px;
}
.hstat-num{font-size:1.3em;font-weight:800;color:#60a5fa;display:block;}
.hstat-num.infinity{font-size:2em;line-height:.9;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(99,179,237,.5));}
.hstat-lbl{font-size:10px;color:rgba(148,163,184,.7);font-weight:600;text-transform:uppercase;letter-spacing:.05em;}


.hero-right{display:flex;flex-direction:column;gap:10px;min-width:0;flex:0 0 auto;}
.hero-quick-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:12px 16px;
  display:flex;align-items:center;gap:10px;
  cursor:pointer;transition:all .2s;
  min-width:200px;
}
.hero-quick-card:hover{background:rgba(255,255,255,.11);transform:translateX(4px);}
.hqc-icon{
  width:36px;height:36px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:.9em;color:#fff;flex-shrink:0;
}
.hqc-body{flex:1;}
.hqc-title{font-size:12px;font-weight:800;color:#e2e8f0;display:block;}
.hqc-sub{font-size:10.5px;color:rgba(148,163,184,.65);}


.lp-grid-area{
  padding:20px 24px 16px;
}
.lp-bottom-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding:0 24px 40px;
  align-items:start;
}
@media(max-width:900px){.lp-bottom-row{grid-template-columns:1fr;}}


.sec-hdg{
  display:flex;align-items:center;gap:10px;
  margin-bottom:14px;
}
.sec-hdg-icon{
  width:32px;height:32px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:.8em;color:#fff;flex-shrink:0;
}
.sec-hdg h3{font-size:13.5px;font-weight:800;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;margin:0;}
.sec-hdg p{font-size:11.5px;color:rgba(148,163,184,.65);margin:1px 0 0;}


.bento-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
@media(max-width:1100px){.bento-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.bento-grid{grid-template-columns:1fr;}}

.dash-card{
  background:rgba(15,21,42,.8);
  border:1px solid rgba(99,179,237,.1);
  border-radius:16px;
  padding:14px 14px;
  cursor:pointer;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s,background .25s;
  position:relative;
  overflow:hidden;
  text-decoration:none;
  display:block;
  backdrop-filter:blur(12px);
}
.dash-card::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);
  pointer-events:none;border-radius:inherit;
}
.dash-card:hover{
  transform:scale(1.05);
  border-color:rgba(99,179,237,.35);
  background:rgba(20,30,60,.9);
  box-shadow:0 0 0 1px rgba(99,179,237,.25),0 16px 48px rgba(0,0,0,.4),0 0 32px rgba(29,78,216,.12);
}
.dash-card.gold-card:hover{
  border-color:rgba(212,175,55,.4);
  box-shadow:0 0 0 1px rgba(212,175,55,.3),0 16px 48px rgba(0,0,0,.4),0 0 32px rgba(212,175,55,.1);
}


@keyframes hcGlowPulse{
  0%,100%{ box-shadow:0 0 0 1px rgba(56,189,248,.35),0 0 0 rgba(56,189,248,0),0 8px 30px rgba(0,0,0,.35); }
  50%{ box-shadow:0 0 0 1px rgba(56,189,248,.6),0 0 26px 4px rgba(56,189,248,.35),0 8px 30px rgba(0,0,0,.35); }
}
.dash-card.hc-highlight{
  border-color:rgba(56,189,248,.4);
  animation:hcGlowPulse 2.4s ease-in-out infinite;
}
.dash-card.hc-highlight:hover{
  animation-play-state:paused;
  border-color:rgba(56,189,248,.6);
  box-shadow:0 0 0 1px rgba(56,189,248,.5),0 16px 48px rgba(0,0,0,.4),0 0 32px rgba(56,189,248,.25);
}
.dash-card-ribbon{
  position:absolute;top:10px;right:-30px;
  background:linear-gradient(135deg,#dc2626,#f97316);
  color:#fff;font-size:9px;font-weight:900;letter-spacing:.02em;
  padding:4px 34px;transform:rotate(35deg);
  box-shadow:0 3px 10px rgba(220,38,38,.4);
  animation:pulse 2s ease-in-out infinite;
}
.hc-inline-badges{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 8px;}
.hc-inline-badge{
  display:inline-flex;align-items:center;gap:4px;
  font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:6px;
  background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);color:#7dd3fc;
}
.hc-inline-badge.gm{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3);color:#d8b4fe;}
.dash-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;}
.accent-blue{background:linear-gradient(90deg,#1d4ed8,#60a5fa);}
.accent-green{background:linear-gradient(90deg,#15803d,#4ade80);}
.accent-purple{background:linear-gradient(90deg,#7c3aed,#c084fc);}
.accent-gold{background:linear-gradient(90deg,#b45309,#f5cc40);}

.dash-card-icon{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1em;margin-bottom:10px;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
}
.dash-card-icon.blue{background:linear-gradient(135deg,#1d4ed8,#3b82f6);}
.dash-card-icon.green{background:linear-gradient(135deg,#15803d,#22c55e);}
.dash-card-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa);}
.dash-card-icon.gold{background:linear-gradient(135deg,#b45309,#d4af37);}
.dash-card-icon.teal{background:linear-gradient(135deg,#0f766e,#14b8a6);}

.dash-card h3{color:#e2e8f0;font-size:.85em;font-weight:800;margin-bottom:5px;letter-spacing:.02em;}
.dash-card p{color:rgba(148,163,184,.75);font-size:11px;line-height:1.5;margin-bottom:10px;}

.dash-card-tag{
  display:inline-block;
  background:rgba(99,179,237,.1);border:1px solid rgba(99,179,237,.2);
  color:#93c5fd;
  font-size:9.5px;padding:2px 8px;border-radius:5px;
  margin-bottom:8px;font-weight:700;letter-spacing:.03em;
}
.dash-card.gold-card .dash-card-tag{
  background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.25);color:#f5cc40;
}

.dash-card-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#fff;font-weight:800;font-size:10.5px;
  padding:6px 12px;border-radius:8px;
  letter-spacing:.03em;text-transform:uppercase;
  box-shadow:0 3px 10px rgba(29,78,216,.3);
  pointer-events:none;
}
.dash-card.gold-card .dash-card-btn{
  background:linear-gradient(135deg,#b45309,#d4af37);
  box-shadow:0 4px 14px rgba(212,175,55,.3);
}


.lp-right-col{display:flex;flex-direction:column;gap:16px;}


.exam-list-card{
  background:rgba(13,17,35,.85);
  border:1px solid rgba(99,179,237,.1);
  border-radius:18px;
  padding:18px 16px;
  backdrop-filter:blur(12px);
  height:100%;
  box-sizing:border-box;
}
.exam-list-card .sec-hdg{margin-bottom:12px;}
.exam-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:10px;
  border:1px solid rgba(255,255,255,.06);
  margin-bottom:6px;transition:background .18s,transform .18s,border-color .18s;
  cursor:pointer;
}
.exam-item:last-child{margin-bottom:0;}
.exam-item:hover{background:rgba(255,255,255,.08);transform:translateX(3px);}
.exam-item-icon{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:.75em;color:#fff;flex-shrink:0;
}
.exam-item-body h5{font-size:12px;font-weight:700;color:#cbd5e1;margin:0 0 1px;}
.exam-item-body p{font-size:10.5px;color:rgba(148,163,184,.6);margin:0;}
.exam-item-tag{
  margin-left:auto;font-size:9.5px;font-weight:800;text-transform:uppercase;
  padding:2px 8px;border-radius:4px;color:#fff;flex-shrink:0;letter-spacing:.04em;
}


.legal-mini-card{
  background:rgba(13,17,35,.85);
  border:1px solid rgba(99,179,237,.1);
  border-radius:18px;
  padding:18px 16px;
  backdrop-filter:blur(12px);
  height:100%;
  box-sizing:border-box;
}



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap');

@keyframes tu-pulse-ring{
  0%{box-shadow:0 0 0 0 rgba(234,88,12,.55);}
  70%{box-shadow:0 0 0 10px rgba(234,88,12,0);}
  100%{box-shadow:0 0 0 0 rgba(234,88,12,0);}
}
@keyframes tu-badge-blink{
  0%,100%{opacity:1;} 50%{opacity:.55;}
}
@keyframes tu-tag-glow{
  0%,100%{box-shadow:0 0 4px rgba(251,146,60,.4);}
  50%{box-shadow:0 0 10px rgba(251,146,60,.75),0 0 18px rgba(251,146,60,.25);}
}
@keyframes tu-shimmer{
  0%{background-position:-200% center;}
  100%{background-position:200% center;}
}

.testup-landing-card{
  background:linear-gradient(135deg,rgba(15,23,42,0.88) 0%,rgba(29,78,216,0.22) 60%,rgba(15,23,42,0.92) 100%);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:22px;padding:24px 26px;cursor:pointer;
  display:flex;align-items:center;gap:24px;
  transition:all .35s cubic-bezier(.16,1,.3,1);
  position:relative;overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);
}

.testup-landing-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#ea580c,#f97316,#fbbf24,#f97316,#ea580c);
  background-size:200% 100%;animation:headerGoldSweep 3s linear infinite;
}

.testup-landing-card::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(59,130,246,.08),transparent 70%),
             radial-gradient(ellipse 40% 60% at 10% 80%,rgba(234,88,12,.06),transparent 60%);
  pointer-events:none;
}
.testup-landing-card:hover{
  border-color:rgba(234,88,12,.45);
  box-shadow:0 0 0 1px rgba(234,88,12,.2),0 24px 64px rgba(0,0,0,.55),0 0 48px rgba(234,88,12,.12);
  transform:translateY(-3px);
}

.testup-lc-left{flex:1;min-width:0;position:relative;z-index:1;}

.testup-lc-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(135deg,#ea580c,#f97316);
  color:#fff;font-size:9.5px;font-weight:900;padding:3px 11px;
  border-radius:99px;letter-spacing:.1em;margin-bottom:10px;
  box-shadow:0 2px 10px rgba(234,88,12,.45);
  animation:tu-badge-blink 2.5s ease-in-out infinite;
}
.testup-lc-badge::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:#fff;display:inline-block;
}

.testup-lc-title{
  font-family:'Poppins',var(--font),sans-serif;
  font-size:1.18em;font-weight:800;
  color:transparent;
  background:linear-gradient(90deg,#f1f5f9 0%,#fb923c 50%,#f1f5f9 100%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;
  animation:tu-shimmer 4s linear infinite;
  margin-bottom:5px;letter-spacing:.01em;
}

.testup-lc-desc{
  font-size:12px;color:rgba(148,163,184,.8);line-height:1.6;margin-bottom:12px;
  font-family:'Poppins',var(--font),sans-serif;
}

.testup-lc-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;}
.testup-lc-tags span{
  background:rgba(251,146,60,.08);
  border:1px solid rgba(251,146,60,.3);
  color:#fb923c;font-size:10.5px;font-weight:700;
  padding:4px 11px;border-radius:99px;
  transition:all .2s;
  animation:tu-tag-glow 2.8s ease-in-out infinite;
}
.testup-lc-tags span:nth-child(2){animation-delay:.4s;}
.testup-lc-tags span:nth-child(3){animation-delay:.8s;}
.testup-lc-tags span:nth-child(4){animation-delay:1.2s;}
.testup-lc-tags span:nth-child(5){animation-delay:1.6s;}
.testup-lc-tags span:hover{
  background:rgba(251,146,60,.18);
  box-shadow:0 0 14px rgba(251,146,60,.6);
  transform:scale(1.05);
}

.testup-lc-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#f97316,#ea580c,#dc2626);
  color:#fff;font-size:12.5px;font-weight:800;
  padding:10px 20px;border-radius:12px;
  letter-spacing:.04em;
  box-shadow:0 4px 16px rgba(234,88,12,.45);
  animation:tu-pulse-ring 2s ease-in-out infinite;
  transition:transform .2s,filter .2s;
  font-family:'Poppins',var(--font),sans-serif;
  position:relative;overflow:hidden;
}
.testup-lc-btn::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:translateX(-100%);transition:transform .4s;
}
.testup-lc-btn:hover::before{transform:translateX(100%);}
.testup-lc-btn:hover{transform:scale(1.04);filter:brightness(1.1);}


.testup-lc-right{
  display:flex;flex-direction:column;gap:10px;flex-shrink:0;
  position:relative;z-index:1;
}
.testup-stat{
  text-align:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  padding:10px 16px;
  min-width:76px;
  backdrop-filter:blur(8px);
  transition:all .25s;
}
.testup-stat:hover{
  background:rgba(251,146,60,.12);
  border-color:rgba(251,146,60,.35);
  transform:scale(1.05);
}
.testup-stat .n{
  font-family:'Poppins',var(--font),sans-serif;
  font-size:1.65em;font-weight:900;
  color:transparent;
  background:linear-gradient(135deg,#fb923c,#fde68a);
  -webkit-background-clip:text;background-clip:text;
  line-height:1;margin-bottom:3px;
}
.testup-stat .l{
  font-size:9.5px;color:rgba(148,163,184,.7);
  font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}

@media(max-width:600px){
  .testup-landing-card{flex-direction:column;align-items:flex-start;gap:16px;}
  .testup-lc-right{flex-direction:row;gap:10px;width:100%;}
  .testup-stat{flex:1;}
}


@keyframes tu-hero-float{0%,100%{transform:translateY(0) rotate(-3deg);}50%{transform:translateY(-6px) rotate(-3deg);}}
@keyframes tu-hero-orb{0%,100%{opacity:.5;transform:scale(1);}50%{opacity:.8;transform:scale(1.08);}}

.tu-hero{
  background:linear-gradient(135deg,#0a0f1e 0%,#0f2044 40%,#1a0a2e 70%,#0a0f1e 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:24px;padding:36px 32px 32px;color:#fff;
  margin-bottom:28px;position:relative;overflow:hidden;
  box-shadow:0 8px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(2px);
}

.tu-hero::before{
  content:'';position:absolute;top:-80px;right:-80px;
  width:320px;height:320px;
  background:radial-gradient(circle,rgba(99,102,241,.22),transparent 65%);
  border-radius:50%;animation:tu-hero-orb 5s ease-in-out infinite;
  pointer-events:none;
}
.tu-hero::after{
  content:'';position:absolute;bottom:-60px;left:10%;
  width:240px;height:240px;
  background:radial-gradient(circle,rgba(249,115,22,.14),transparent 65%);
  border-radius:50%;animation:tu-hero-orb 7s ease-in-out infinite reverse;
  pointer-events:none;
}

.tu-hero-inner{position:relative;z-index:1;}
.tu-hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(99,102,241,.18);border:1px solid rgba(99,102,241,.35);
  color:#a5b4fc;font-size:10px;font-weight:800;
  padding:4px 12px;border-radius:99px;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;
}
.tu-hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#818cf8;animation:tu-badge-blink 2s infinite;}
.tu-hero h2{
  font-family:'Poppins',var(--font),sans-serif;
  font-size:1.65em;font-weight:800;
  margin:0 0 10px;line-height:1.25;
  background:linear-gradient(90deg,#fff 0%,#c7d2fe 50%,#fdba74 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.tu-hero-trophy{
  font-size:1.4em;display:inline-block;
  filter:drop-shadow(0 0 8px rgba(251,191,36,.7)) drop-shadow(0 0 20px rgba(251,191,36,.3));
  animation:tu-hero-float 3.5s ease-in-out infinite;margin-right:10px;
  vertical-align:middle;
}
.tu-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.tu-hero-pill{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8);font-size:11px;font-weight:700;
  padding:5px 13px;border-radius:99px;
  transition:all .2s;cursor:default;letter-spacing:.02em;
}
.tu-hero-pill:hover{
  background:rgba(99,102,241,.25);border-color:rgba(165,180,252,.4);
  color:#c7d2fe;box-shadow:0 0 12px rgba(99,102,241,.3);
}


.tu-cat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;
}
@media(max-width:700px){.tu-cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}
@media(max-width:400px){.tu-cat-grid{grid-template-columns:1fr;}}

.tu-cat-card{
  background:rgba(255,255,255,0.72);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1.5px solid rgba(255,255,255,0.85);
  border-radius:20px;
  padding:24px 14px 20px;
  cursor:pointer;text-align:center;position:relative;overflow:hidden;
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s cubic-bezier(.16,1,.3,1), border-color .28s;
  box-shadow:0 2px 12px rgba(0,0,0,0.07);
}
[data-theme="dark"] .tu-cat-card{
  background:rgba(30,41,59,0.72);
  border-color:rgba(255,255,255,0.10);
}

.tu-cat-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:5px;
  background:var(--tu-color,linear-gradient(90deg,#3b82f6,#6366f1));
  transition:height .28s cubic-bezier(.16,1,.3,1);
  border-radius:20px 20px 0 0;
}

.tu-cat-card::after{
  content:'';position:absolute;inset:0;
  background:var(--tu-color,linear-gradient(135deg,#3b82f6,#6366f1));
  opacity:0;transition:opacity .28s;
  border-radius:20px;
}
.tu-cat-card:hover{
  transform:scale(1.055) translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,0.15), 0 0 0 2px rgba(255,255,255,0.4);
  border-color:transparent;
}
.tu-cat-card:hover::before{ height:100%; border-radius:20px; }
.tu-cat-card:hover::after{ opacity:0.08; }
.tu-cat-card:hover .tu-cat-icon,
.tu-cat-card:hover .tu-cat-name,
.tu-cat-card:hover .tu-cat-count{ position:relative;z-index:1; }


.tu-cat-icon-wrap{
  width:52px;height:52px;border-radius:14px;
  background:var(--tu-color,linear-gradient(135deg,#3b82f6,#6366f1));
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 12px;
  box-shadow:0 4px 14px rgba(0,0,0,0.12);
  transition:transform .28s cubic-bezier(.16,1,.3,1);
  position:relative;z-index:1;
}
.tu-cat-card:hover .tu-cat-icon-wrap{ transform:scale(1.1) rotate(-4deg); }
.tu-cat-icon{
  font-size:1.55em;margin-bottom:0;display:block;
  filter:grayscale(1) brightness(10);
}
.tu-cat-name{
  font-size:13.5px;font-weight:800;color:var(--text);
  margin-bottom:6px;letter-spacing:.01em;
  position:relative;z-index:1;
}
.tu-cat-count{
  font-size:11px;color:var(--text-m);font-weight:600;
  position:relative;z-index:1;
}


.tu-cat-badge{
  display:inline-block;
  padding:3px 10px;border-radius:99px;
  font-size:10.5px;font-weight:700;letter-spacing:.03em;
  position:relative;z-index:1;margin-top:2px;
}
.tu-cat-badge.live{
  background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;
  border:1px solid rgba(16,185,129,.25);
}
.tu-cat-badge.coming{
  background:rgba(148,163,184,.13);color:var(--text-m);
  border:1px solid rgba(148,163,184,.25);
}
.tu-cat-card.empty{cursor:not-allowed;}
.tu-cat-card.empty:hover{transform:none;box-shadow:0 2px 12px rgba(0,0,0,0.07);border-color:rgba(255,255,255,0.85);}
.tu-cat-card.empty:hover::before{height:5px;}


.tu-back{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--surface);border:1.5px solid var(--border);
  border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;
  color:var(--text-m);cursor:pointer;transition:.2s;margin-bottom:16px;font-family:inherit;
}
.tu-back:hover{border-color:#ea580c;color:#ea580c;background:rgba(234,88,12,.05);}


.tu-set-card{
  background:var(--card);border:1.5px solid #e0e7ff;border-radius:20px;
  padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;gap:14px;
  transition:all .25s cubic-bezier(.4,0,.2,1);
  box-shadow:0 2px 12px rgba(29,78,216,.07);
  animation:tuCardFadeIn .4s ease both;
}
@keyframes tuCardFadeIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.tu-set-card:nth-child(1){animation-delay:.03s;}
.tu-set-card:nth-child(2){animation-delay:.07s;}
.tu-set-card:nth-child(3){animation-delay:.11s;}
.tu-set-card:nth-child(4){animation-delay:.15s;}
.tu-set-card:nth-child(5){animation-delay:.19s;}
.tu-set-card:nth-child(6){animation-delay:.23s;}
.tu-set-card:nth-child(7){animation-delay:.27s;}
.tu-set-card:nth-child(8){animation-delay:.31s;}
.tu-set-card:nth-child(9){animation-delay:.35s;}
.tu-set-card:nth-child(10){animation-delay:.39s;}
.tu-set-card:hover{border-color:#3b82f6;box-shadow:0 8px 28px rgba(29,78,216,.15);transform:translateY(-2px);}
.tu-set-num{
  width:46px;height:46px;border-radius:13px;
  background:linear-gradient(135deg,#1d4ed8,#3b82f6);
  color:#fff;font-size:15px;font-weight:900;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 4px 12px rgba(29,78,216,.28);
  letter-spacing:-.5px;
}
.tu-set-info{flex:1;min-width:0;}
.tu-set-title{font-size:14px;font-weight:800;color:var(--text);}
.tu-set-meta{font-size:11px;color:var(--text-m);margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.tu-diff-badge{font-size:10px;font-weight:800;padding:4px 12px;border-radius:20px;flex-shrink:0;}
.tu-diff-easy{background:#dcfce7;color:#166534;}
.tu-diff-medium{background:#dbeafe;color:#1e40af;}
.tu-diff-hard{background:#fee2e2;color:#991b1b;}
.tu-start-btn{
  padding:10px 20px;
  background:#1e293b;
  color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:all .22s;flex-shrink:0;white-space:nowrap;
  box-shadow:0 3px 12px rgba(15,23,42,.25);letter-spacing:.2px;
  display:flex;align-items:center;gap:7px;
}
.tu-start-btn::after{content:'→';font-size:14px;transition:transform .2s;}
.tu-start-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,23,42,.35);}
.tu-start-btn:hover::after{transform:translateX(3px);}


.tu-free-badge{
  font-size:9px;font-weight:900;padding:2px 8px;border-radius:20px;
  background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;
  margin-left:5px;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 2px 6px rgba(34,197,94,.35);vertical-align:middle;
}
.tu-set-card.tu-locked{
  opacity:.72;
  border-color:#d1d5db;
  background:repeating-linear-gradient(135deg,var(--card),var(--card) 10px,rgba(0,0,0,.018) 10px,rgba(0,0,0,.018) 20px);
  position:relative;overflow:hidden;
}
.tu-set-card.tu-locked:hover{
  border-color:#9ca3af;transform:none;box-shadow:0 2px 12px rgba(0,0,0,.07);
}
.tu-set-card.tu-locked::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,.04));
}
.tu-set-num.tu-num-locked{
  background:linear-gradient(135deg,#6b7280,#9ca3af) !important;
  box-shadow:0 4px 12px rgba(107,114,128,.25) !important;
}
.tu-lock-btn{
  padding:10px 18px;
  background:linear-gradient(135deg,#f5cc40,#f59e0b);
  color:#1a1a1a;border:none;border-radius:12px;font-size:12px;font-weight:900;
  cursor:pointer;font-family:inherit;transition:all .22s;flex-shrink:0;white-space:nowrap;
  box-shadow:0 3px 12px rgba(245,204,64,.4);letter-spacing:.2px;display:flex;align-items:center;gap:6px;
}
.tu-lock-btn:hover{background:linear-gradient(135deg,#fde047,#eab308);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,204,64,.5);}


.tu-sets-progress-wrap{
  background:var(--card);border-radius:14px;padding:12px 16px;
  margin-bottom:16px;border:1.5px solid #e0e7ff;
  box-shadow:0 2px 8px rgba(29,78,216,.06);
}
.tu-sets-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;}
.tu-sets-progress-title{font-size:12px;font-weight:800;color:#1e40af;}
.tu-sets-progress-count{font-size:11px;font-weight:700;color:var(--text-m);}
.tu-sets-progress-track{height:10px;background:#e0e7ff;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(29,78,216,.1);}
.tu-sets-progress-fill{
  height:100%;
  background:linear-gradient(90deg,#1d4ed8,#3b82f6,#60a5fa);
  border-radius:20px;
  transition:width .7s cubic-bezier(.4,0,.2,1);
  box-shadow:0 0 8px rgba(59,130,246,.65),0 0 18px rgba(59,130,246,.28);
  position:relative;overflow:hidden;
}
.tu-sets-progress-fill::after{
  content:'';position:absolute;top:0;right:0;bottom:0;width:40px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35));
  border-radius:20px;animation:progressShine 2s ease-in-out infinite;
}
@keyframes progressShine{0%,100%{opacity:0;}50%{opacity:1;}}



#tuExamOverlay{
  position:fixed;inset:0;z-index:4000;background:#F8F9FA;
  display:none;flex-direction:column;overflow:hidden;
}


.tu-topbar{
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 40%,#7c2d12 100%);
  color:#fff;padding:0 20px;
  display:flex;align-items:center;gap:14px;flex-shrink:0;
  min-height:58px;
  box-shadow:0 3px 16px rgba(0,0,0,.35);
  position:relative;overflow:hidden;
}
.tu-topbar::before{
  content:'';position:absolute;top:-30px;right:120px;
  width:180px;height:180px;
  background:radial-gradient(circle,rgba(234,88,12,.18),transparent 70%);
  border-radius:50%;pointer-events:none;
}
.tu-topbar-icon{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:linear-gradient(135deg,#ea580c,#f97316);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;box-shadow:0 3px 10px rgba(234,88,12,.4);
}
.tu-topbar-title{
  flex:1;font-size:15px;font-weight:900;letter-spacing:.04em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 4px rgba(0,0,0,.3);
}
.tu-topbar-title span.tu-exam-badge{
  display:inline-block;background:linear-gradient(90deg,#f59e0b,#ea580c);
  font-size:10px;font-weight:900;padding:2px 8px;border-radius:20px;
  margin-left:8px;vertical-align:middle;letter-spacing:.06em;
  box-shadow:0 2px 6px rgba(234,88,12,.4);text-transform:uppercase;
}
.tu-topbar-info{
  font-size:12px;color:rgba(255,255,255,.85);flex-shrink:0;font-weight:700;
  background:rgba(255,255,255,.12);padding:5px 12px;border-radius:8px;
  border:1px solid rgba(255,255,255,.15);
}
.tu-timer{
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));
  border:1.5px solid rgba(255,255,255,.3);border-radius:10px;
  padding:7px 16px;font-size:17px;font-weight:900;
  font-family:'Courier New',monospace;flex-shrink:0;min-width:88px;text-align:center;
  transition:background .4s,color .4s;letter-spacing:.08em;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
@keyframes tuTimerPulse{from{opacity:1}to{opacity:.55}}
.tu-timer.warning{background:linear-gradient(135deg,rgba(234,179,8,.6),rgba(234,179,8,.4));border-color:rgba(234,179,8,.8);color:#fff;animation:tuTimerPulse .9s infinite alternate;}
.tu-timer.danger{background:linear-gradient(135deg,rgba(220,38,38,.8),rgba(220,38,38,.6));border-color:rgba(220,38,38,.9);color:#fff;animation:tuTimerPulse .45s infinite alternate;}


.tu-subj-bar{
  display:flex;align-items:center;gap:0;flex-shrink:0;
  background:#fff;border-bottom:2px solid #e2e8f0;
  padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.tu-subj-bar::-webkit-scrollbar{height:0;}
.tu-subj-bar-tab{
  padding:10px 18px;font-size:12.5px;font-weight:800;
  border:none;background:transparent;color:#64748b;
  cursor:pointer;font-family:inherit;white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-2px;
  transition:all .18s;letter-spacing:.02em;
}
.tu-subj-bar-tab:hover:not(.active){color:#7c2d12;border-bottom-color:rgba(124,45,18,.3);}
.tu-subj-bar-tab.active{color:#7c2d12;border-bottom-color:#7c2d12;background:rgba(124,45,18,.04);}
.tu-subj-bar-spacer{flex:1;}


.tu-progress-bar{height:3px;background:#e2e8f0;flex-shrink:0;}
.tu-progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);transition:width .5s;}


.tu-exam-body{display:flex;flex:1;overflow:hidden;min-height:0;background:#F8F9FA;}


.tu-exam-main{
  flex:1;padding:24px 16px;
  overflow-y:auto;overflow-x:hidden;
  min-height:0;
  background:#F8F9FA;
  -webkit-overflow-scrolling:touch;
  display:flex;flex-direction:column;align-items:center;
}


.tu-question-card-wrap{
  width:100%;max-width:860px;
  background:#fff;border-radius:16px;
  box-shadow:0 2px 16px rgba(0,0,0,0.08);
  padding:28px 32px;
  margin:0 auto;
}


.tu-horizontal-palette{
  width:100%;max-width:860px;
  margin:16px auto 0;
  background:#fff;border-radius:12px;
  border:1.5px solid #e2e8f0;
  padding:14px 16px;
}
.tu-horizontal-palette .tu-palette-header{
  font-size:11px;font-weight:900;color:#374151;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:10px;padding-bottom:8px;
  border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px;
}
.tu-horizontal-palette .tu-stats-strip{
  display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;
}
.tu-horizontal-palette .tu-stat-box{
  background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;
  padding:6px 12px;text-align:center;flex:1;min-width:70px;
}
.tu-horizontal-palette .tu-q-grid{
  display:grid;grid-template-columns:repeat(15,1fr);gap:5px;margin-bottom:10px;
}
.tu-horizontal-palette .tu-legend{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:8px;
  border-top:1.5px solid #e2e8f0;background:transparent;border-radius:0;border:none;
}
.tu-horizontal-palette .tu-subj-tabs{
  display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:8px;
  border-bottom:1.5px solid #e2e8f0;
}


.tu-q-num{
  font-size:12px;font-weight:800;color:#64748b;margin-bottom:8px;
  display:flex;align-items:center;gap:10px;
}
.tu-q-subject{
  background:rgba(124,45,18,.1);border:1px solid rgba(124,45,18,.25);
  color:#7c2d12;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;
  text-transform:capitalize;
}


.tu-q-text{
  font-size:18px;font-weight:700;color:#1e293b;line-height:1.75;
  margin-bottom:24px;margin-top:10px;
}


.tu-opt-btn{
  width:100%;text-align:left;padding:16px 20px;margin-bottom:10px;
  border:2px solid #e2e8f0;border-radius:14px;
  background:#fff;color:#1e293b;font-size:15px;font-weight:600;
  cursor:pointer;transition:all .18s;font-family:inherit;
  display:flex;align-items:flex-start;gap:14px;line-height:1.55;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.tu-opt-btn:hover:not(.selected):not(.disabled){
  border-color:#2563eb;background:#f0f7ff;
  box-shadow:0 4px 14px rgba(37,99,235,.1);transform:translateX(3px);
}
.tu-opt-btn.selected{
  border-color:#2563eb;
  border-width:2.5px;
  background:rgba(37,99,235,.04);
  color:#1e3a8a;
  box-shadow:0 4px 14px rgba(37,99,235,.15);
}
.tu-opt-key{
  width:30px;height:30px;border-radius:8px;background:#f8fafc;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;flex-shrink:0;color:#475569;
  border:1.5px solid #e2e8f0;transition:all .18s;
}
.tu-opt-btn.selected .tu-opt-key{background:#2563eb;color:#fff;border-color:#2563eb;}


.tu-exam-side{
  display:none !important;
}


.tu-palette-toggle{
  display:none;width:100%;padding:9px;background:#f8fafc;
  border:1.5px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:800;
  cursor:pointer;color:#64748b;font-family:inherit;margin-bottom:8px;text-align:center;
}


.tu-subj-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:8px;border-bottom:1.5px solid #e2e8f0;}
.tu-subj-tab{
  padding:4px 10px;border-radius:20px;font-size:10px;font-weight:800;
  border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;
  cursor:pointer;transition:.15s;font-family:inherit;white-space:nowrap;
}
.tu-subj-tab.active{background:#7c2d12;border-color:#7c2d12;color:#fff;}
.tu-subj-tab:hover:not(.active){border-color:#7c2d12;color:#7c2d12;}
.tu-side-title{
  font-size:11px;font-weight:900;color:#374151;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:10px;padding-bottom:6px;
  border-bottom:2px solid #e2e8f0;
}


.tu-legend{
  display:grid;grid-template-columns:1fr 1fr;gap:5px;
  margin-bottom:12px;padding:10px;background:#f8fafc;
  border-radius:10px;border:1.5px solid #e2e8f0;
}
.tu-leg-item{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#475569;}
.tu-leg-dot{width:16px;height:16px;border-radius:5px;flex-shrink:0;}


.tu-q-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:12px;}
.tu-q-dot{
  width:36px;height:36px;border-radius:8px;border:1.5px solid #cbd5e1;
  background:#f1f5f9;color:#64748b;font-size:11px;font-weight:700;
  cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;
  font-family:inherit;
}

.tu-q-dot.visited{background:#fee2e2;border-color:#fca5a5;color:#991b1b;}       
.tu-q-dot.answered{background:#dcfce7;border-color:#86efac;color:#166534;}       
.tu-q-dot.review{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6;}         
.tu-q-dot.current{border-color:#7c2d12;box-shadow:0 0 0 2.5px rgba(124,45,18,.35);font-weight:900;color:#7c2d12;}
.tu-q-dot.hidden-subj{display:none;}


.tu-stats-strip{
  display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;
}
.tu-stat-box{
  background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;
  padding:7px 6px;text-align:center;
}
.tu-stat-box .n{font-size:16px;font-weight:900;line-height:1;}
.tu-stat-box .l{font-size:9px;font-weight:700;color:#64748b;margin-top:2px;text-transform:uppercase;}


.tu-exam-bottom{
  display:flex;align-items:center;padding:12px 20px;
  border-top:2px solid #e2e8f0;background:#fff;
  flex-shrink:0;flex-wrap:wrap;gap:8px;
  justify-content:center;
}

.tu-bottom-left{display:flex;align-items:center;gap:8px;flex:1;}

.tu-bottom-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}

.tu-nav-btn{
  padding:10px 16px;border:1.5px solid #cbd5e1;border-radius:10px;
  background:#f8fafc;color:#475569;font-size:13px;font-weight:700;
  cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap;
  display:flex;align-items:center;gap:6px;
}
.tu-nav-btn:hover{border-color:#7c2d12;color:#7c2d12;background:rgba(124,45,18,.04);}


.tu-review-btn{
  padding:10px 14px;border:1.5px solid #7c3aed;border-radius:10px;
  background:#f5f3ff;color:#5b21b6;font-size:12.5px;font-weight:800;
  cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap;text-align:center;
  flex-shrink:0;display:flex;align-items:center;gap:6px;
}
.tu-review-btn:hover{background:#ede9fe;box-shadow:0 3px 10px rgba(124,58,237,.2);}
.tu-review-btn.marked{background:#ede9fe;border-color:#5b21b6;color:#4c1d95;}


.tu-clear-btn{
  padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;
  background:#f8fafc;color:#64748b;font-size:12.5px;font-weight:700;
  cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap;
  display:flex;align-items:center;gap:5px;
}
.tu-clear-btn:hover{border-color:#dc2626;color:#dc2626;background:rgba(220,38,38,.04);}


.tu-save-next-btn{
  padding:11px 24px;
  background:linear-gradient(135deg,#15803d,#16a34a);
  color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.2s;white-space:nowrap;
  flex-shrink:0;display:flex;align-items:center;gap:7px;
  box-shadow:0 4px 14px rgba(21,128,61,.3);
}
.tu-save-next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(21,128,61,.4);}
.tu-save-next-btn:active{transform:translateY(0);}


.tu-submit-btn{
  padding:10px 18px;
  background:linear-gradient(135deg,#ea580c,#c2410c);
  color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.2s;white-space:nowrap;
  flex-shrink:0;display:flex;align-items:center;gap:6px;
  box-shadow:0 3px 10px rgba(234,88,12,.35);
  margin-left:16px;border-left:2px dashed rgba(255,255,255,.4);
  position:relative;
}
.tu-submit-btn::before{
  content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);
  height:28px;width:1.5px;background:#e2e8f0;
}
.tu-submit-btn:hover{transform:scale(1.02);box-shadow:0 4px 14px rgba(234,88,12,.5);}


#tuResultOverlay{
  position:fixed;inset:0;z-index:4001;
  background:var(--bodybg);display:none;
  overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
.tu-result-wrap{max-width:860px;margin:0 auto;padding:24px 16px 40px;}


@media(max-width:720px){
  .tu-exam-body{flex-direction:column;}
  .tu-exam-main{padding:12px 8px;}
  .tu-question-card-wrap{padding:16px;border-radius:12px;}
  .tu-horizontal-palette{padding:10px 10px;}
  .tu-horizontal-palette .tu-q-grid{grid-template-columns:repeat(8,1fr);gap:4px;}
  .tu-horizontal-palette .tu-stats-strip{gap:4px;}
  .tu-exam-main{flex:1;padding:12px 8px;}
  .tu-palette-toggle{display:none;}
  .tu-submit-btn{font-size:12px;padding:8px 12px;margin-left:8px;}
  .tu-nav-btn{font-size:12px;padding:8px 10px;}
  .tu-review-btn{font-size:11px;padding:8px 10px;}
  .tu-save-next-btn{font-size:13px;padding:9px 14px;}
  .tu-clear-btn{display:none;}
  .tu-subj-bar{display:none;}
  .tu-q-text{font-size:15px;}
  .tu-bottom-left{gap:5px;}
  .tu-exam-bottom{justify-content:center;flex-wrap:wrap;}
}
@media(max-width:420px){
  .tu-topbar-title{font-size:11px;}
  .tu-timer{font-size:13px;padding:5px 10px;min-width:64px;}
  .tu-exam-bottom{padding:8px 10px;gap:6px;}
  .tu-horizontal-palette .tu-q-grid{grid-template-columns:repeat(6,1fr);}
}


#tuTimerAlert{
  display:none;position:fixed;top:58px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;
  padding:9px 22px;border-radius:12px;font-size:13px;font-weight:800;
  z-index:5200;box-shadow:0 8px 24px rgba(220,38,38,.5);white-space:nowrap;
}
@keyframes tuAlertPop{from{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}


#tuSummaryPopup{
  display:none;position:fixed;inset:0;z-index:5500;
  background:rgba(10,15,30,.75);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  align-items:center;justify-content:center;
}
.tu-summary-box{
  background:#fff;border-radius:24px;padding:0;max-width:400px;width:92%;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 32px 80px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.8);
  animation:sdown .35s cubic-bezier(.34,1.56,.64,1);
  overflow:hidden;
}

.tu-summary-header{
  background:linear-gradient(135deg,#0f172a,#1e3a5f);
  padding:20px 24px 16px;position:relative;
}
.tu-summary-header::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#6366f1,#f97316,#6366f1);
  background-size:200%;animation:headerGoldSweep 3s linear infinite;
}
.tu-summary-title{
  font-family:'Poppins',var(--font),sans-serif;
  font-size:15px;font-weight:800;color:#fff;
  display:flex;align-items:center;gap:8px;margin:0;
}

.tu-summary-body{padding:20px 24px 0;}

.tu-summary-row{
  display:flex;align-items:center;gap:12px;
  padding:11px 0;
  border-bottom:1px solid #f1f5f9;
  font-size:13px;font-weight:700;color:#334155;
}
.tu-summary-row:last-of-type{border-bottom:none;}
.tu-sum-icon{
  width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;
}
.tu-sum-icon.total{background:#eff6ff;border:1.5px solid #bfdbfe;}
.tu-sum-icon.answered{background:#f0fdf4;border:1.5px solid #86efac;}
.tu-sum-icon.unanswered{background:#fef2f2;border:1.5px solid #fca5a5;}
.tu-sum-icon.review{background:#fffbeb;border:1.5px solid #fde68a;}
.tu-sum-label{flex:1;}
.tu-sum-val{
  font-size:16px;font-weight:900;
  min-width:28px;text-align:right;
}
.tu-sum-val.total{color:#2563eb;}
.tu-sum-val.answered{color:#16a34a;}
.tu-sum-val.unanswered{color:#dc2626;}
.tu-sum-val.review{color:#d97706;}

.tu-summary-actions{
  display:flex;gap:10px;padding:16px 24px 20px;
  border-top:1px solid #f1f5f9;margin-top:4px;
}
.tu-sum-btn{
  flex:1;padding:12px 14px;border-radius:14px;
  font-size:13px;font-weight:800;cursor:pointer;
  font-family:inherit;border:none;transition:.18s;
  display:flex;align-items:center;justify-content:center;gap:7px;
}
.tu-sum-btn.confirm{
  background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;
  box-shadow:0 4px 16px rgba(220,38,38,.35);flex:1.4;
}
.tu-sum-btn.confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(220,38,38,.45);}
.tu-sum-btn.cancel{
  background:#f8fafc;color:#475569;
  border:1.5px solid #e2e8f0;
}
.tu-sum-btn.cancel:hover{border-color:#94a3b8;color:#334155;}


.tu-neg-toggle{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:13px;font-weight:700;color:var(--text);}
.tu-neg-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;}



.tu-score-hero{
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%);
  border-radius:24px;padding:36px 28px 28px;color:#fff;margin-bottom:24px;text-align:center;
  position:relative;overflow:hidden;
  box-shadow:0 8px 40px rgba(0,0,0,.25);
}
.tu-score-hero::before{
  content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.18),transparent 65%);pointer-events:none;
}
.tu-score-hero::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#2563eb,#60a5fa,#f97316,#60a5fa,#2563eb);
  background-size:200% 100%;animation:headerGoldSweep 3s linear infinite;
}
.tu-score-big{
  font-family:'Poppins',var(--font),sans-serif;
  font-size:4em;font-weight:900;line-height:1;
  background:linear-gradient(135deg,#fff 0%,#93c5fd 50%,#fb923c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:4px;
}
.tu-score-sub{font-size:13px;opacity:.65;margin-top:6px;letter-spacing:.04em;text-transform:uppercase;}


.tu-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;}
@media(max-width:500px){.tu-score-grid{grid-template-columns:repeat(2,1fr);}}
.tu-score-box{border-radius:14px;padding:14px 10px;text-align:center;position:relative;overflow:hidden;transition:transform .2s;}
.tu-score-box:hover{transform:scale(1.04);}
.tu-score-box.correct{background:rgba(22,163,74,.15);border:1.5px solid rgba(22,163,74,.3);}
.tu-score-box.wrong{background:rgba(220,38,38,.12);border:1.5px solid rgba(220,38,38,.25);}
.tu-score-box.skipped{background:rgba(100,116,139,.12);border:1.5px solid rgba(100,116,139,.2);}
.tu-score-box.accuracy{background:rgba(251,146,60,.12);border:1.5px solid rgba(251,146,60,.3);}
.tu-score-box .n{font-size:1.9em;font-weight:900;font-family:'Poppins',var(--font),sans-serif;}
.tu-score-box.correct .n{color:#4ade80;}
.tu-score-box.wrong .n{color:#f87171;}
.tu-score-box.skipped .n{color:#94a3b8;}
.tu-score-box.accuracy .n{color:#fb923c;}
.tu-score-box .l{font-size:10.5px;opacity:.65;margin-top:4px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}


.tu-res-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;}
.tu-res-btn{
  padding:13px 26px;border-radius:14px;font-size:14px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.2s;border:none;
  display:flex;align-items:center;gap:8px;
}
.tu-res-btn.primary{
  background:linear-gradient(135deg,#1e293b,#334155);color:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.3);
}
.tu-res-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.4);}
.tu-res-btn.secondary{
  background:#fff;color:#1e293b;
  border:2px solid #e2e8f0;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.tu-res-btn.secondary:hover{border-color:#2563eb;color:#2563eb;background:#f0f7ff;}
.tu-score-box .n{font-size:1.7em;font-weight:900;}

.tu-res-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.tu-res-btn{
  padding:11px 22px;border-radius:12px;font-size:14px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.2s;border:none;
}
.tu-res-btn.primary{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;}
.tu-res-btn.primary:hover{transform:scale(1.03);box-shadow:0 4px 16px rgba(234,88,12,.4);}
.tu-res-btn.secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border);}
.tu-res-btn.secondary:hover{border-color:#ea580c;color:#ea580c;}


.tu-chart-wrap{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:20px;margin-bottom:20px;}
.tu-chart-title{font-size:14px;font-weight:900;color:var(--text);margin-bottom:16px;}
.tu-chart-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.tu-chart-label{font-size:12px;font-weight:700;color:var(--text);width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tu-bar-wrap{flex:1;background:#f3f4f6;border-radius:20px;height:14px;overflow:hidden;}
.tu-bar{height:100%;border-radius:20px;background:linear-gradient(90deg,#ea580c,#f97316);transition:width 1.2s cubic-bezier(.16,1,.3,1);}
.tu-bar-pct{font-size:11px;font-weight:800;color:var(--text-m);width:40px;text-align:right;flex-shrink:0;}


.tu-sol-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px;}
.tu-sol-qnum{font-size:11px;font-weight:800;color:var(--text-m);margin-bottom:6px;display:flex;align-items:center;gap:8px;}
.tu-sol-qtext{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;line-height:1.55;}
.tu-sol-opt{
  padding:10px 14px;border-radius:10px;border:1.5px solid var(--border);
  margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text);
  display:flex;gap:8px;align-items:flex-start;
}
.tu-sol-opt.correct{background:#dcfce7;border-color:#86efac;color:#166534;}
.tu-sol-opt.wrong{background:#fee2e2;border-color:#fca5a5;color:#991b1b;}
.tu-sol-exp{
  background:rgba(234,88,12,.06);border-left:3px solid #ea580c;
  padding:10px 14px;border-radius:0 10px 10px 0;
  font-size:12px;color:var(--text);line-height:1.6;margin-top:8px;
}


.tu-ap-card{
  background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:18px;margin-bottom:16px;
}

.legal-mini-table{width:100%;border-collapse:collapse;font-size:12px;}
.legal-mini-table thead th{
  background:rgba(29,78,216,.2);
  color:#93c5fd;padding:7px 10px;
  font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;border-bottom:1px solid rgba(99,179,237,.15);
  text-align:left;
}
.legal-mini-table tbody tr:nth-child(even){background:rgba(255,255,255,.025);}
.legal-mini-table tbody tr:hover{background:rgba(99,179,237,.08);}
.legal-mini-table tbody td{
  padding:7px 10px;color:rgba(203,213,225,.8);
  border-bottom:1px solid rgba(255,255,255,.04);
  vertical-align:middle;
}
.legal-mini-table tbody td:first-child{
  color:#60a5fa;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;
}
.legal-view-all{
  display:flex;justify-content:center;margin-top:10px;
}
.legal-view-all a{
  font-size:11.5px;font-weight:700;color:#60a5fa;
  background:rgba(29,78,216,.15);border:1px solid rgba(29,78,216,.25);
  padding:6px 18px;border-radius:8px;text-decoration:none;transition:all .2s;
}
.legal-view-all a:hover{background:rgba(29,78,216,.3);}


.social-strip{
  display:flex;gap:10px;flex-wrap:wrap;padding:0 24px 24px;
  position:relative;z-index:1;
}

.sidebar-panel{
  display:none;
  background:rgba(10,15,30,.95);
  border:1px solid rgba(99,179,237,.15);
  border-radius:12px;
  padding:12px 14px;
  margin:4px 0 8px;
  font-size:11.5px;
  color:rgba(148,163,184,.85);
  line-height:1.6;
}
.sidebar-panel strong{color:#60a5fa;display:block;margin-bottom:5px;font-size:12px;}
.sidebar-panel .sp-item{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.sidebar-panel .sp-item:last-child{border-bottom:none;}
.sidebar-panel .sp-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:6px;vertical-align:middle;}
.social-card{
  flex:1;min-width:220px;
  background:rgba(13,17,35,.85);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:14px 18px;
  display:flex;align-items:center;gap:12px;
  backdrop-filter:blur(10px);
}
.social-card-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.3em;}
.social-card-body{flex:1;}
.social-card-body strong{font-size:12px;color:#e2e8f0;display:block;margin-bottom:2px;}
.social-card-body span{font-size:11px;color:rgba(148,163,184,.6);}
.social-card-btn{
  padding:7px 14px;border-radius:8px;font-size:11.5px;font-weight:800;
  text-decoration:none;color:#fff;flex-shrink:0;transition:all .2s;
}





.social-link {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  font-size: 18px;
  border-radius: 8px;
  transition: all 0.3s ease;
  color: #333;
  border: 2px solid transparent;
}


.youtube-link:hover {
  color: #fff;
  background-color: #FF0000;
  transform: translateY(-5px) scale(1.1);
  box-shadow: 0 10px 20px rgba(255, 0, 0, 0.4);
  text-decoration: none;
}


.telegram-link:hover {
  color: #fff;
  background-color: #0088cc;
  transform: translateY(-5px) scale(1.1);
  box-shadow: 0 10px 20px rgba(0, 136, 204, 0.4);
  text-decoration: none;
}


.whatsapp-link:hover {
  color: #fff;
  background-color: #25d366;
  transform: translateY(-5px) scale(1.1);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.4);
  text-decoration: none;
}


.yt-blink:hover {
  color: #fff !important;
  box-shadow: 0 0 12px rgba(255,0,0,0.7);
}


.tg-blink:hover {
  color: #fff !important;
  box-shadow: 0 0 12px rgba(0,136,204,0.7);
}


.section-label{display:none;}
.section-divider{display:none;}


.landing-footer-ribbon{
  background:rgba(8,10,20,.9);
  border-top:1px solid rgba(99,179,237,.1);
  padding:14px 28px;text-align:center;
  position:relative;z-index:1;
}
.landing-footer-ribbon p{color:rgba(148,163,184,.5);font-size:11.5px;font-weight:600;}
.landing-footer-ribbon strong{color:#f5cc40;}


.aspiration-section{display:none;}
.section-divider-label{display:none;}


.hero-stats{display:none;}


.dashboard-grid{display:none!important;}


.section-info-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(15,25,50,.55);backdrop-filter:blur(4px);
  z-index:8500;justify-content:center;align-items:center;
}
.section-info-overlay.show{display:flex;}
.section-info-box{
  background:#fff;border-radius:20px;
  padding:30px 28px;max-width:520px;width:90%;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  border-top:5px solid var(--accent,#1d4ed8);
  animation:sdown .3s cubic-bezier(.34,1.56,.64,1);
}
.sib-title{font-family:'Poppins','Montserrat','Noto Sans',sans-serif;font-size:1.25em;font-weight:800;color:#1e293b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em;}
.sib-sub{font-size:13px;color:#64748b;margin-bottom:18px;}
.sib-list{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;}
.sib-item{display:flex;gap:12px;align-items:flex-start;padding:10px 13px;background:#f8faff;border-radius:10px;border-left:3px solid #1d4ed8;}
.sib-item i{color:#1d4ed8;margin-top:2px;min-width:16px;}
.sib-item span{font-size:13px;color:#374151;line-height:1.5;}
.sib-btns{display:flex;gap:10px;justify-content:center;}
.sib-start{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 20px rgba(29,78,216,.3);transition:all .2s;letter-spacing:.03em;}
.sib-start:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(29,78,216,.4);}
.sib-cancel{background:#f1f5f9;color:#64748b;border:none;border-radius:12px;padding:12px 22px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;}
.sib-cancel:hover{background:#e2e8f0;}


.wishes-box{
  display:inline-block;
  background:linear-gradient(135deg,rgba(29,78,216,.25),rgba(124,58,237,.2));
  border:1px solid rgba(99,179,237,.2);
  border-radius:16px;padding:14px 22px;
  margin-top:16px;
  backdrop-filter:blur(8px);
  animation:wishFadeIn 1.2s ease-out forwards;opacity:0;
}
@keyframes wishFadeIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
.wishes-inner{display:flex;align-items:center;gap:12px;justify-content:center;}
.wishes-icon{font-size:1.8em;animation:bounce 2s infinite;flex-shrink:0;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.wishes-text{text-align:left;}
.wishes-main{display:block;font-size:1em;font-weight:700;color:#e2e8f0;line-height:1.3;margin-bottom:3px;}
.wishes-sub{display:block;font-size:.95em;background:linear-gradient(90deg,#f7dc6f,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;}


#mainApp{display:none;}
#backToHome{
  position:fixed;bottom:72px;right:16px;z-index:9998;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#fff;border:none;border-radius:50px;
  padding:11px 22px;font-weight:800;font-size:13px;
  cursor:pointer;box-shadow:0 6px 24px rgba(29,78,216,.4);
  align-items:center;gap:8px;font-family:inherit;display:none;
}



.mock-phase-continue{display:block;margin:20px auto 0;padding:14px 40px;background:linear-gradient(135deg,#7c3aed,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;letter-spacing:.04em;box-shadow:0 6px 24px rgba(124,58,237,.4);transition:all .2s;text-transform:uppercase;}
.mock-phase-continue:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(124,58,237,.5);}
.mock-phase-continue i{margin-right:8px;}


.mock-back-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:10px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .22s;letter-spacing:.03em;position:relative;overflow:hidden;}
.mock-back-btn::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.12);opacity:0;transition:opacity .18s;}
.mock-back-btn:hover::before{opacity:1;}
.mock-back-btn:hover{transform:translateY(-2px);}
.mock-back-btn:active{transform:translateY(0);}
.mock-back-btn.phase1{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.4);}
.mock-back-btn.phase2{background:linear-gradient(135deg,#0e7490,#0284c7);color:#fff;box-shadow:0 4px 14px rgba(14,116,144,.4);}
.mock-back-btn.phase3{background:linear-gradient(135deg,#9a3412,#ea580c);color:#fff;box-shadow:0 4px 14px rgba(234,88,12,.4);}
.mock-back-btn.phase4{background:linear-gradient(135deg,#1d3a6e,#1d4ed8);color:#fff;box-shadow:0 4px 14px rgba(29,78,216,.4);}
.mock-back-btn i{font-size:11px;}


@keyframes cdPulse{0%,100%{box-shadow:0 0 40px rgba(124,58,237,.7),0 0 80px rgba(124,58,237,.3);}50%{box-shadow:0 0 80px rgba(124,58,237,1),0 0 120px rgba(124,58,237,.5);}}
@keyframes cdScale{0%{transform:scale(1.5);opacity:0;}60%{transform:scale(0.95);opacity:1;}100%{transform:scale(1);opacity:1;}}
.cd-num-anim{animation:cdScale .5s ease-out forwards;}



@media(max-width:600px){
  .hero-tagline{font-size:1.5em;}
  .dashboard-grid{grid-template-columns:1fr;}
  .landing-header-inner{padding:8px 12px;gap:8px;}
  .landing-logo-circle{width:40px;height:40px;border-radius:10px;}
  .landing-logo-circle svg{width:24px;height:24px;}
  .landing-title-group h1{font-size:1.1em;}
  .landing-title-group p{font-size:9.5px;}
  .header-badges-strip{display:none;} 
  .hdr-social-btn{display:none;} 
  .header-right-actions{gap:4px;flex-wrap:nowrap;}
  .exam-grid{grid-template-columns:1fr;}
  
  .hero-left,.hero-right{width:100%;flex:none;}
  .hero-right{flex-direction:row;flex-wrap:wrap;gap:8px;}
}
@media(max-width:768px){
  .landing-header-inner{padding:10px 14px;}
  .lp-orb-1,.lp-orb-2,.lp-orb-3{display:none;} 
}


.hero-badge-top{
  display:inline-block;
  background:linear-gradient(135deg,#ff6b35,#f7931e);
  color:#fff;font-size:12px;font-weight:800;
  padding:6px 18px;border-radius:20px;
  margin-bottom:16px;letter-spacing:.05em;
  box-shadow:0 4px 14px rgba(255,107,53,.35);
}
.hero-badge-top i{margin-right:6px;}
.hero-tagline{
  font-family:'Poppins','Montserrat','Noto Sans',sans-serif;
  font-size:2.4em;font-weight:900;
  color:#1e293b;margin:0 0 14px;line-height:1.2;
}
.hero-tagline span{
  background:linear-gradient(135deg,#ff6b35,#f7931e,#d4af37);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-sub{
  font-size:1em;color:#475569;
  margin-bottom:28px;max-width:580px;
  margin-left:auto;margin-right:auto;line-height:1.7;
}


.wishes-box{
  max-width:560px;margin:0 auto 10px;
  background:linear-gradient(135deg,#1d3a6e 0%,#1d4ed8 50%,#7c3aed 100%);
  border-radius:20px;padding:22px 30px;
  box-shadow:0 8px 32px rgba(29,78,216,.3);
  animation:wishFadeIn 1.2s ease-out forwards;
  opacity:0;
}
@keyframes wishFadeIn{
  0%{opacity:0;transform:translateY(20px) scale(.97);}
  60%{opacity:1;}
  100%{opacity:1;transform:translateY(0) scale(1);}
}
.wishes-inner{display:flex;align-items:center;gap:16px;justify-content:center;}
.wishes-icon{font-size:2.4em;animation:bounce 2s infinite;flex-shrink:0;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.wishes-text{text-align:left;}
.wishes-main{
  display:block;
  font-family:'Poppins','Montserrat','Noto Sans',sans-serif;
  font-size:1.25em;font-weight:800;color:#fff;
  line-height:1.3;margin-bottom:4px;
}
.wishes-sub{
  display:block;font-size:1.05em;
  background:linear-gradient(90deg,#f7dc6f,#f0c944,#d4af37);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;font-weight:900;letter-spacing:.04em;
}


.aspiration-section-old{display:none;}
.asp-heading{display:none;}
.exam-grid-old{display:none;}
.ec-icon,.ec-body,.ec-tag{display:none;}
.exam-card{display:none;}


.section-divider-label-x{display:none;}
.sdiv-line{display:none;}




.modal{display:none;position:fixed;z-index:9000;inset:0;background:rgba(15,20,35,.7);backdrop-filter:blur(4px);}
.mbox{background:var(--card);margin:3% auto;padding:28px 30px;border-radius:16px;width:90%;max-width:630px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);border-top:5px solid var(--blue);animation:sdown .35s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.25) transparent;}
.mbox::-webkit-scrollbar{width:6px;}
.mbox::-webkit-scrollbar-track{background:transparent;}
.mbox::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:3px;}
.mbox::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5);}

.wr-cal-wrap{
  background:linear-gradient(135deg,rgba(99,102,241,.07) 0%,rgba(139,92,246,.04) 100%);
  border:1.5px solid rgba(99,102,241,.18);
  border-radius:20px;
  padding:18px 16px 14px;
  margin-top:22px;
  position:relative;
  overflow:hidden;
}
.wr-cal-wrap::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:120px;height:120px;
  background:radial-gradient(circle,rgba(99,102,241,.10) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;
}

.wr-cal-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;gap:8px;
}
.wr-cal-month-title{
  display:flex;align-items:center;gap:7px;
  font-size:13px;font-weight:900;color:#4338ca;
  text-transform:uppercase;letter-spacing:.06em;
}
.wr-cal-icon{font-size:15px;}
.wr-cal-today-badge{
  font-size:10px;font-weight:800;padding:2px 8px;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  color:#fff;border-radius:20px;text-transform:none;letter-spacing:0;
}
.wr-cal-nav-btn{
  background:rgba(99,102,241,.12);
  border:1.5px solid rgba(99,102,241,.22);
  border-radius:9px;width:30px;height:30px;
  cursor:pointer;font-size:16px;color:#4338ca;
  display:flex;align-items:center;justify-content:center;
  transition:all .18s;flex-shrink:0;
}
.wr-cal-nav-btn:hover{
  background:rgba(99,102,241,.25);
  transform:scale(1.1);
  box-shadow:0 3px 10px rgba(99,102,241,.25);
}

.wr-cal-progress-wrap{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(99,102,241,.12);
  border-radius:12px;padding:10px 14px;
  margin-bottom:14px;
}
.wr-cal-progress-row{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:6px;
}
.wr-cal-progress-lbl{font-size:11px;font-weight:700;color:#6b7280;}
.wr-cal-progress-val{font-size:11px;font-weight:800;color:#4338ca;}
.wr-cal-progress-bar{
  height:7px;background:rgba(99,102,241,.1);
  border-radius:4px;overflow:hidden;
}
.wr-cal-progress-fill{
  height:100%;border-radius:4px;
  transition:width .6s cubic-bezier(.16,1,.3,1);
}
.wr-cal-congrats{
  font-size:11px;font-weight:800;color:#16a34a;
  margin-top:6px;text-align:center;
  animation:wrCongratsAnim .6s ease;
}
@keyframes wrCongratsAnim{0%{opacity:0;transform:scale(.85);}100%{opacity:1;transform:scale(1);}}
@keyframes wrCalFadeIn{0%{opacity:0;transform:translateY(6px);}100%{opacity:1;transform:translateY(0);}}
.wr-cal-wrap{animation:wrCalFadeIn .3s ease;}

.wr-cal-day-header{
  display:grid;grid-template-columns:repeat(7,1fr);
  gap:2px;margin-bottom:5px;
}
.wr-cal-day-header>div{
  text-align:center;font-size:10px;font-weight:700;
  color:#9ca3af;padding:3px 0;
}

.wr-cal-grid{
  display:grid;grid-template-columns:repeat(7,1fr);
  gap:4px;
}
.wr-cal-empty{height:38px;}

.wr-cal-day{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:38px;border-radius:9px;
  font-size:12.5px;font-weight:600;
  color:#6b7280;
  background:transparent;
  border:1.5px solid transparent;
  transition:all .18s cubic-bezier(.16,1,.3,1);
  user-select:none;
  overflow:visible;
}

.wr-cal-pending{
  background:linear-gradient(135deg,#ef4444,#dc2626);
  color:#fff !important;
  border-color:transparent;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(220,38,38,.30);
  font-weight:900;
}
.wr-cal-pending:hover{
  transform:scale(1.15) translateY(-2px);
  box-shadow:0 6px 18px rgba(220,38,38,.45);
  z-index:5;
}

.wr-cal-done{
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff !important;
  border-color:transparent;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(22,163,74,.28);
  font-weight:900;
}
.wr-cal-done:hover{
  transform:scale(1.15) translateY(-2px);
  box-shadow:0 6px 18px rgba(22,163,74,.45);
  z-index:5;
}

.wr-cal-today{
  border:2px solid #6366f1 !important;
  font-weight:900;
}
.wr-cal-day:not(.wr-cal-pending):not(.wr-cal-done).wr-cal-today{
  background:rgba(99,102,241,.10);
  color:#4338ca;
}

.wr-cal-day-num{font-size:12.5px;line-height:1;}

.wr-cal-count-badge{
  position:absolute;top:-5px;right:-5px;
  min-width:16px;height:16px;padding:0 3px;
  background:linear-gradient(135deg,#f59e0b,#f97316);
  color:#fff;font-size:9px;font-weight:900;
  border-radius:8px;border:1.5px solid #fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 5px rgba(245,158,11,.45);
  line-height:1;
}

.wr-cal-tick{
  position:absolute;bottom:-3px;right:-2px;
  font-size:9px;font-weight:900;
  background:#fff;color:#16a34a;
  border-radius:50%;width:13px;height:13px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
  font-style:normal;
}

.wr-cal-tooltip{
  position:absolute;bottom:calc(100% + 7px);left:50%;
  transform:translateX(-50%);
  background:rgba(30,27,75,.92);
  color:#e0e7ff;
  font-size:10px;font-weight:700;
  padding:5px 9px;border-radius:8px;
  white-space:nowrap;max-width:160px;white-space:normal;text-align:center;
  pointer-events:none;
  opacity:0;transition:opacity .18s;
  z-index:20;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.wr-cal-tooltip::after{
  content:'';position:absolute;top:100%;left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:rgba(30,27,75,.92);
}
.wr-cal-day:hover .wr-cal-tooltip{opacity:1;}

.wr-cal-legend{
  display:flex;gap:14px;margin-top:12px;
  flex-wrap:wrap;align-items:center;
  padding-top:10px;border-top:1px solid rgba(99,102,241,.1);
}
.wr-cal-legend-item{
  display:flex;align-items:center;gap:5px;
  font-size:11px;font-weight:700;color:#6b7280;
}
.wr-cal-legend-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0;}
.wr-cal-done-dot{background:linear-gradient(135deg,#22c55e,#16a34a);}
.wr-cal-pending-dot{background:linear-gradient(135deg,#ef4444,#dc2626);}
.wr-cal-today-dot{border:2px solid #6366f1;background:rgba(99,102,241,.1);}

.dt-mc-wrap{font-family:inherit;}
.dt-mc-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.dt-mc-title{font-size:13px;font-weight:900;color:#4338ca;}
.dt-mc-nav{background:none;border:none;font-size:18px;cursor:pointer;color:#6366f1;padding:0 6px;line-height:1;}
.dt-mc-nav:hover{color:#4338ca;}
.dt-mc-dayhdr{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px;}
.dt-mc-dayhdr>span{font-size:9.5px;font-weight:800;text-align:center;color:#9ca3af;padding:2px 0;}
.dt-mc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
.dt-mc-cell{height:34px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:#6b7280;cursor:default;position:relative;border:1.5px solid transparent;transition:all .15s;}
.dt-mc-cell.dt-mc-avail{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e;font-weight:900;cursor:pointer;box-shadow:0 2px 8px rgba(234,179,8,.25);}
.dt-mc-cell.dt-mc-avail:hover{transform:scale(1.12);box-shadow:0 4px 14px rgba(234,179,8,.40);z-index:5;}
.dt-mc-cell.dt-mc-submitted{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff !important;font-weight:900;cursor:pointer;box-shadow:0 2px 8px rgba(22,163,74,.28);}
.dt-mc-cell.dt-mc-submitted:hover{transform:scale(1.12);box-shadow:0 4px 14px rgba(22,163,74,.42);z-index:5;}
.dt-mc-cell.dt-mc-today{border-color:#6366f1 !important;}
.dt-mc-cell.dt-mc-future{opacity:0.35;cursor:not-allowed;}
.dt-mc-cell.dt-mc-locked{background:#e2e8f0 !important;color:#94a3b8 !important;cursor:not-allowed !important;box-shadow:none !important;opacity:.75;}
.dt-mc-cell.dt-mc-locked:hover{transform:none !important;box-shadow:none !important;}
.dt-mc-lock{position:absolute;bottom:-2px;right:-2px;font-size:8px;background:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.dt-mc-cell.dt-mc-selected{outline:2.5px solid #2563eb;outline-offset:1px;}
.dt-mc-tick{position:absolute;bottom:-2px;right:-2px;font-size:8px;background:#fff;color:#16a34a;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.dt-mc-legend{display:flex;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(99,102,241,.1);flex-wrap:wrap;}
.dt-mc-leg-item{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#6b7280;}
.dt-mc-leg-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0;}
[data-theme="dark"] .dt-mc-cell.dt-mc-today{border-color:#818cf8 !important;}

[data-theme="dark"] .wr-cal-wrap{background:linear-gradient(135deg,rgba(99,102,241,.10),rgba(139,92,246,.06));border-color:rgba(99,102,241,.22);}
[data-theme="dark"] .wr-cal-progress-wrap{background:rgba(30,27,75,.4);}
[data-theme="dark"] .wr-cal-day:not(.wr-cal-pending):not(.wr-cal-done){color:#9ca3af;}
[data-theme="dark"] .wr-cal-day:not(.wr-cal-pending):not(.wr-cal-done).wr-cal-today{color:#818cf8;}

.wr-subj-upcoming{display:none;margin-top:8px;padding:6px 10px;background:linear-gradient(135deg,rgba(99,102,241,.07),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.14);border-radius:10px;animation:wrFadeIn .4s ease;}
.wr-subj-upcoming.has-tests{display:block;}
.wr-subj-upcoming-title{font-size:10px;font-weight:800;color:#6366f1;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;}
.wr-subj-upcoming-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#4b5563;line-height:1.3;}
.wr-subj-upcoming-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#ef4444;}
.wr-subj-upcoming-dot.done{background:#22c55e;}
.wr-subj-card.wr-expanded .wr-subj-upcoming{display:none!important;}


@keyframes sdown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}
.mhdr{text-align:center;margin-bottom:18px;}
.mhdr h2{font-size:1.3em;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.mhdr p{color:var(--text-m);font-size:13px;margin-top:5px;}
.iblock{background:var(--blue-m);padding:14px;border-radius:10px;margin-bottom:12px;border:1px solid var(--blue-l);}
.iblock h3{color:var(--blue);margin-bottom:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.ii{display:flex;align-items:flex-start;margin-bottom:7px;padding:8px 11px;background:var(--surface);border-radius:8px;border-left:3px solid var(--blue);}
.ii-ic{font-size:.95em;margin-right:9px;min-width:20px;}
.ii-tx{flex:1;color:var(--text-m);line-height:1.5;font-size:12.5px;}
.mbrow{display:flex;gap:10px;justify-content:center;margin-top:14px;}
.mbtn{padding:10px 22px;font-size:13px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit;text-transform:uppercase;}
.mbp{background:var(--blue);color:#fff;}.mbp:hover{filter:brightness(1.1);}
.mbs{background:var(--gray-l);color:var(--gray);}.mbs:hover{background:var(--gray-m);}


.cdovl{display:none;position:fixed;inset:0;background:rgba(10,20,40,.94);z-index:8000;justify-content:center;align-items:center;flex-direction:column;}
.cdcirc{width:270px;height:270px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:cpop .6s cubic-bezier(.34,1.56,.64,1);}
.cdcirc.n{background:linear-gradient(145deg,#1d4ed8,#3b82f6);box-shadow:0 0 60px rgba(59,130,246,.6);}
.cdcirc.g{background:linear-gradient(145deg,#15803d,#22c55e);box-shadow:0 0 60px rgba(34,197,94,.6);}
@keyframes cpop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.cdnum{font-size:6.5em;font-weight:900;color:#fff;line-height:1;}
.cdgo{font-size:4em;font-weight:900;color:#fff;letter-spacing:5px;}
.cdsub{margin-top:22px;color:rgba(219,234,254,.7);font-size:.9em;letter-spacing:4px;text-transform:uppercase;}


.hdr{
  background:linear-gradient(135deg, rgba(5,8,20,0.99) 0%, rgba(10,16,35,0.98) 50%, rgba(8,12,28,0.99) 100%);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  padding:10px 24px;
  box-shadow:0 1px 0 rgba(245,204,64,0.2), 0 4px 32px rgba(0,0,0,0.5);
  position:sticky;top:0;z-index:50;
  border-bottom:none;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
  position:sticky;top:0;z-index:50;
}
.hdr::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent 0%,#f5cc40 20%,#fde68a 50%,#f5cc40 80%,transparent 100%);
  background-size:200% 100%;
  animation:headerGoldSweep 4s linear infinite;
}
.hdr::after{
  content:'';
  position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,0.25) 30%,rgba(245,204,64,0.1) 70%,transparent 100%);
}
.hdr-l h1{font-size:1.05em;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;}
.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;border:1px solid;white-space:nowrap;}
.pg{background:var(--green-l);color:var(--green);border-color:#86efac;}
.pr{background:var(--red-l);color:var(--red);border-color:#fca5a5;}
.pb2{background:var(--blue-l);color:var(--blue);border-color:#93c5fd;}
.po{background:var(--orange-l);color:var(--orange);border-color:#fdba74;}
.hdr-r{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
#timerBox,#os-timerBox{display:none;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:8px 18px;border-radius:14px;font-size:1.5em;font-weight:800;font-family:'JetBrains Mono',monospace;letter-spacing:3px;box-shadow:0 4px 18px rgba(59,130,246,.35);border:2px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);}
#timerEl,#os-timerEl{color:#e0f2fe;text-shadow:0 0 12px rgba(147,197,253,.8);}
#timerEl.warn,#os-timerEl.warn{color:#fde68a;text-shadow:0 0 14px rgba(251,191,36,.7);animation:tpl 1s infinite;}
@keyframes tpl{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}
.thmbtn{padding:5px 11px;border-radius:18px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text-m);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;white-space:nowrap;font-family:inherit;}
.thmbtn:hover,.thmbtn.on{border-color:var(--blue);color:var(--blue);background:var(--blue-l);}
.tglink{display:flex;align-items:center;gap:5px;background:#0088cc;color:#fff;font-weight:700;padding:6px 13px;border-radius:18px;text-decoration:none;font-size:12px;transition:all .2s;}
.tglink:hover{background:#0077b5;}
.tglink.yt-blink:hover{background:#cc0000;box-shadow:0 0 12px rgba(255,0,0,0.7);}
.tglink.tg-blink:hover{background:#006fa8;box-shadow:0 0 12px rgba(0,136,204,0.7);}


.section-tabs{
  background:linear-gradient(90deg,var(--surface),var(--surface) 80%,transparent);
  border-bottom:none;
  padding:0 20px;
  display:flex;gap:0;
  overflow-x:auto;overflow-y:visible;
  position:sticky;top:57px;z-index:300;
  box-shadow:0 2px 16px rgba(0,0,0,.08);
  scrollbar-width:none;
}
.section-tabs::-webkit-scrollbar{display:none;}
.section-tabs::after{
  content:'';
  position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,rgba(59,130,246,.5),rgba(99,102,241,.5),rgba(59,130,246,.2));
}
.stab{
  padding:14px 18px;
  font-size:12.5px;font-weight:700;
  color:var(--text-m);
  cursor:pointer;
  border:none;
  border-bottom:3px solid transparent;
  transition:all .22s ease;
  white-space:nowrap;
  background:none;
  border-top:none;border-left:none;border-right:none;
  font-family:inherit;
  display:flex;align-items:center;gap:6px;
  position:relative;
  letter-spacing:.02em;
}
.stab::after{
  content:'';
  position:absolute;bottom:-2px;left:50%;right:50%;
  height:3px;
  background:linear-gradient(90deg,#3b82f6,#6366f1);
  border-radius:3px 3px 0 0;
  transition:all .22s ease;
  opacity:0;
}
.stab:hover{
  color:var(--blue);
  background:linear-gradient(180deg,transparent,var(--blue-m));
}
.stab:hover::after{left:20%;right:20%;opacity:.5;}
.stab.active{
  color:var(--blue);
  background:linear-gradient(180deg,transparent,var(--blue-m));
}
.stab.active::after{left:0;right:0;opacity:1;}
.stab.active{border-bottom-color:transparent;}
.section-content{display:none;}
.section-content.active{display:block;}


.wrap{max-width:1080px;margin:20px auto;padding:0 16px 40px;box-sizing:border-box;width:100%;}
.card{background:var(--card);border-radius:16px;box-shadow:0 4px 24px var(--shadow);padding:24px 28px;margin-bottom:20px;border:1px solid var(--border);}
.chdr{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:11px;border-bottom:2px solid var(--blue-l);}
.chdr h2{font-size:1em;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;}
.srow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;}
.sblk{flex:1;min-width:140px;}
.stit{font-size:11px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;}
.cgrp{display:flex;gap:5px;flex-wrap:wrap;}
.chip{padding:6px 13px;border-radius:6px;border:2px solid var(--border);background:var(--surface2);color:var(--text-m);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.chip:hover{border-color:var(--blue);color:var(--blue);}
.chip.on{background:var(--blue-l);border-color:var(--blue);color:var(--blue);}


#passageInput{width:100%;min-height:175px;padding:13px;border:2px solid var(--blue-l);border-radius:10px;font-size:16px;font-family:'Noto Sans','Tiro Devanagari Marathi',sans-serif;line-height:1.7;resize:vertical;color:var(--text);background:var(--inp);transition:border-color .2s,background .2s;white-space:pre-wrap;overflow-wrap:break-word;}
#passageInput:focus{outline:none;border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 4px rgba(29,78,216,.1);}
#passageInput::placeholder{color:var(--text-m);}
#passageInput.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:19px;line-height:1.9;}
.wcbar{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:7px;padding:7px 12px;background:var(--blue-m);border:1px solid var(--blue-l);border-radius:8px;}
.wcbar span{font-size:12px;color:var(--text-m);font-weight:600;}
#wcNum{font-size:1.05em;color:var(--blue);font-weight:800;}
.sndrow{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 13px;background:var(--gray-l);border:1px solid var(--gray-m);border-radius:10px;flex-wrap:wrap;}
.slbl2{font-size:11.5px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.04em;}
.switem{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-m);}
.bsrow{display:flex;align-items:center;gap:10px;margin-top:11px;padding:11px 14px;background:var(--gray-l);border:1px solid var(--gray-m);border-radius:10px;flex-wrap:wrap;}
.bsrow > span{font-size:12px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.04em;}
.tgrp{display:flex;gap:6px;}
.tbtn{padding:6px 15px;font-size:12px;font-weight:700;border-radius:6px;border:2px solid var(--border);cursor:pointer;transition:all .18s;font-family:inherit;background:var(--surface);color:var(--text-m);text-transform:uppercase;}
.tbtn.ton{background:var(--green-l);border-color:#4ade80;color:var(--green);}
.tbtn.toff{background:var(--red-l);border-color:#f87171;color:var(--red);}
.bshint{font-size:11px;color:var(--text-m);margin-left:auto;font-style:italic;}
.brow{text-align:center;margin:16px 0;}
.btn{padding:12px 32px;font-size:13.5px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s;color:#fff;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;}
.btn:hover{filter:brightness(1.1);transform:translateY(-2px);}
.btn-blue{background:var(--blue);box-shadow:0 6px 20px rgba(29,78,216,.3);}
.btn-orange{background:var(--orange);box-shadow:0 4px 16px rgba(194,65,12,.3);}
.btn-green{background:var(--green);box-shadow:0 4px 16px rgba(21,128,61,.3);}
.btn-purple{background:transparent;border:2px solid var(--purple);color:var(--purple);}
.btn-purple:hover{background:var(--purple);color:#fff;}
.pbwrap{display:flex;gap:10px;margin-top:11px;flex-wrap:wrap;}
.pbcard{border-radius:8px;padding:10px 14px;flex:1;min-width:100px;}
.pbcard.pu{background:var(--purple-l);border:1px solid #c4b5fd;}
.pbcard.bl{background:var(--blue-l);border:1px solid #93c5fd;}
.pblbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;}
.pbcard.pu .pblbl{color:var(--purple);}
.pbcard.bl .pblbl{color:var(--blue);}
.pbval{font-size:1.35em;font-weight:800;}
.pbcard.pu .pbval{color:var(--purple);}
.pbcard.bl .pbval{color:var(--blue);}
.typsec{}


#typingInput{width:100%;min-height:440px;padding:20px 22px;border:2px solid var(--blue-l);border-radius:10px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;resize:vertical;color:var(--text);background:var(--surface);transition:border-color .2s;white-space:pre-wrap;overflow-wrap:break-word;text-align:justify;}
#typingInput:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,78,216,.1);}
#typingInput.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:1.25rem;line-height:1.25;}
#dtTypingArea,#gtTypingInput,#schTypingInput,#lhTypingInput{width:100%;min-height:420px;padding:18px 20px;border:2px solid var(--blue-l);border-radius:10px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;resize:vertical;color:var(--text);background:var(--surface);box-sizing:border-box;transition:border-color .2s;white-space:pre-wrap;word-break:break-word;text-align:justify;}
#dtTypingArea:focus,#gtTypingInput:focus,#schTypingInput:focus,#lhTypingInput:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,78,216,.1);}
.bslbl2{font-size:12px;font-weight:700;margin-left:auto;}


.libre-shell{border:1px solid #aeaeae;border-radius:6px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.2);margin-bottom:14px;background:#fff;}
.libre-titlebar{background:linear-gradient(180deg,#3d3d3d,#262626);color:#e9e9e9;display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:600;letter-spacing:.01em;}
.libre-titlebar .dots{display:flex;gap:6px;margin-left:auto;}
.libre-titlebar .dots span{width:11px;height:11px;border-radius:50%;display:inline-block;}
.libre-titlebar .dots span:nth-child(1){background:#ff5f57;}
.libre-titlebar .dots span:nth-child(2){background:#febc2e;}
.libre-titlebar .dots span:nth-child(3){background:#28c840;}
.libre-menubar{background:#f6f6f6;border-bottom:1px solid #ddd;display:flex;gap:16px;padding:5px 14px;font-size:12px;color:#333;flex-wrap:wrap;}
.libre-menubar span{cursor:default;padding:2px 5px;border-radius:3px;}
.libre-menubar span:hover{background:#e3e3e3;}
.libre-toolbar{background:#ececec;border-bottom:1px solid #d8d8d8;display:flex;align-items:center;gap:2px;padding:6px 10px;flex-wrap:wrap;}
.libre-toolbar .grp{display:flex;align-items:center;gap:1px;}
.libre-toolbar .sep{width:1px;height:20px;background:#ccc;margin:0 6px;}
.libre-tbtn{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:13.5px;cursor:default;color:#444;}
.libre-tbtn:hover{background:#dcdcdc;}
.libre-fontbox{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #ccc;border-radius:3px;padding:3px 8px;font-size:12px;color:#333;cursor:default;font-family:'Liberation Serif',Georgia,serif;}
.libre-fontbox.sz{min-width:30px;justify-content:center;}
.libre-ruler{background:#fafafa;border-bottom:1px solid #ddd;height:20px;display:flex;align-items:center;padding:0 13%;}
.libre-ruler-nums{display:flex;justify-content:space-between;width:100%;font-size:9px;color:#888;font-family:Arial,sans-serif;background-image:repeating-linear-gradient(to right,#bbb 0,#bbb 1px,transparent 1px,transparent 12.5%);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}
.libre-page-area{background:#b8b8b8;padding:16px 40px;display:flex;justify-content:center;min-height:560px;}
.libre-page{background:#fff;width:100%;max-width:900px;box-shadow:0 1px 8px rgba(0,0,0,.3);}
.libre-page #gtTypingInput{width:100%;min-height:540px;border:none !important;border-radius:0;box-shadow:none !important;padding:56px 72px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;background:transparent;text-align:justify;}
.libre-page #gtTypingInput:focus{box-shadow:none !important;border:none !important;outline:none;}
.libre-page #dtTypingArea{width:100%;min-height:540px;border:none !important;border-radius:0;box-shadow:none !important;padding:56px 72px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;background:transparent;text-align:justify;}
.libre-page #dtTypingArea:focus{box-shadow:none !important;border:none !important;outline:none;}
.libre-page #typingInput{width:100%;min-height:540px;border:none !important;border-radius:0;box-shadow:none !important;padding:56px 72px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;background:transparent;text-align:justify;}
.libre-page #typingInput:focus{box-shadow:none !important;border:none !important;outline:none;}
.libre-page #schTypingInput{width:100%;min-height:540px;border:none !important;border-radius:0;box-shadow:none !important;padding:56px 72px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;background:transparent;text-align:justify;}
.libre-page #schTypingInput:focus{box-shadow:none !important;border:none !important;outline:none;}
.libre-page #lhTypingInput{width:100%;min-height:540px;border:none !important;border-radius:0;box-shadow:none !important;padding:56px 72px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.25rem;line-height:1.25;background:transparent;text-align:justify;}
.libre-page #lhTypingInput:focus{box-shadow:none !important;border:none !important;outline:none;}
.libre-statusbar{background:#f6f6f6;border-top:1px solid #ddd;display:flex;align-items:center;gap:16px;padding:5px 14px;font-size:11px;color:#555;flex-wrap:wrap;}
.libre-statusbar .stbtn{background:#fff;border:1px solid #ccc;border-radius:3px;padding:1px 8px;font-size:10.5px;}
.libre-statusbar .zoom{margin-left:auto;display:flex;align-items:center;gap:6px;}
.libre-statusbar .zoom .bar{width:70px;height:5px;background:#ccc;border-radius:3px;position:relative;}
.libre-statusbar .zoom .bar::after{content:'';position:absolute;left:40%;top:-3px;width:9px;height:9px;border-radius:50%;background:#888;}


#secTyping.hc-plain .libre-titlebar,
#secTyping.hc-plain .libre-menubar,
#secTyping.hc-plain .libre-toolbar{display:none;}
#secTyping.hc-plain:not(.gcctbc-mode) .libre-ruler,
#secTyping.hc-plain:not(.gcctbc-mode) .libre-statusbar{display:none;}
#secTyping.hc-plain .libre-shell{border:none;border-radius:0;box-shadow:none;background:transparent;margin-bottom:0;}
#secTyping.hc-plain .libre-page-area{background:transparent;padding:0;min-height:0;display:block;}
#secTyping.hc-plain .libre-page{background:transparent;max-width:100%;box-shadow:none;}
#secTyping.hc-plain .libre-page #typingInput{width:100%;min-height:320px;padding:18px 20px;border:2px solid var(--blue-l) !important;border-radius:10px !important;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.15rem;line-height:1.5;color:var(--text);background:var(--surface) !important;box-shadow:none !important;text-align:justify;}
#secTyping.hc-plain .libre-page #typingInput.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:1.15rem;line-height:1.5;}
#secTyping.hc-plain .libre-page #typingInput:focus{outline:none;border-color:var(--blue) !important;box-shadow:0 0 0 4px rgba(29,78,216,.1) !important;}


#dtStep2.hc-plain .libre-titlebar,
#dtStep2.hc-plain .libre-menubar,
#dtStep2.hc-plain .libre-toolbar{display:none;}
#dtStep2.hc-plain:not(.gcctbc-mode) .libre-ruler,
#dtStep2.hc-plain:not(.gcctbc-mode) .libre-statusbar{display:none;}
#dtStep2.hc-plain .libre-shell{border:none;border-radius:0;box-shadow:none;background:transparent;margin-bottom:0;}
#dtStep2.hc-plain .libre-page-area{background:transparent;padding:0;min-height:0;display:block;}
#dtStep2.hc-plain .libre-page{background:transparent;max-width:100%;box-shadow:none;}
#dtStep2.hc-plain .libre-page #dtTypingArea{width:100%;min-height:320px;padding:18px 20px;border:2px solid var(--blue-l) !important;border-radius:10px !important;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.15rem;line-height:1.5;color:var(--text);background:var(--surface) !important;box-shadow:none !important;text-align:justify;}
#dtStep2.hc-plain .libre-page #dtTypingArea:focus{outline:none;border-color:var(--blue) !important;box-shadow:0 0 0 4px rgba(29,78,216,.1) !important;}


#gtStep2.hc-plain .libre-titlebar,
#gtStep2.hc-plain .libre-menubar,
#gtStep2.hc-plain .libre-toolbar{display:none;}
#gtStep2.hc-plain:not(.gcctbc-mode) .libre-ruler,
#gtStep2.hc-plain:not(.gcctbc-mode) .libre-statusbar{display:none;}
#gtStep2.hc-plain .libre-shell{border:none;border-radius:0;box-shadow:none;background:transparent;margin-bottom:0;}
#gtStep2.hc-plain .libre-page-area{background:transparent;padding:0;min-height:0;display:block;}
#gtStep2.hc-plain .libre-page{background:transparent;max-width:100%;box-shadow:none;}
#gtStep2.hc-plain .libre-page #gtTypingInput{width:100%;min-height:320px;padding:18px 20px;border:2px solid var(--blue-l) !important;border-radius:10px !important;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.15rem;line-height:1.5;color:var(--text);background:var(--surface) !important;box-shadow:none !important;text-align:justify;}
#gtStep2.hc-plain .libre-page #gtTypingInput:focus{outline:none;border-color:var(--blue) !important;box-shadow:0 0 0 4px rgba(29,78,216,.1) !important;}


#schStep2.hc-plain .libre-titlebar,
#schStep2.hc-plain .libre-menubar,
#schStep2.hc-plain .libre-toolbar{display:none;}
#schStep2.hc-plain:not(.gcctbc-mode) .libre-ruler,
#schStep2.hc-plain:not(.gcctbc-mode) .libre-statusbar{display:none;}
#schStep2.hc-plain .libre-shell{border:none;border-radius:0;box-shadow:none;background:transparent;margin-bottom:0;}
#schStep2.hc-plain .libre-page-area{background:transparent;padding:0;min-height:0;display:block;}
#schStep2.hc-plain .libre-page{background:transparent;max-width:100%;box-shadow:none;}
#schStep2.hc-plain .libre-page #schTypingInput{width:100%;min-height:320px;padding:18px 20px;border:2px solid var(--blue-l) !important;border-radius:10px !important;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.15rem;line-height:1.5;color:var(--text);background:var(--surface) !important;box-shadow:none !important;text-align:justify;}
#schStep2.hc-plain .libre-page #schTypingInput:focus{outline:none;border-color:var(--blue) !important;box-shadow:0 0 0 4px rgba(29,78,216,.1) !important;}


#lhStep2.hc-plain .libre-titlebar,
#lhStep2.hc-plain .libre-menubar,
#lhStep2.hc-plain .libre-toolbar{display:none;}
#lhStep2.hc-plain:not(.gcctbc-mode) .libre-ruler,
#lhStep2.hc-plain:not(.gcctbc-mode) .libre-statusbar{display:none;}
#lhStep2.hc-plain .libre-shell{border:none;border-radius:0;box-shadow:none;background:transparent;margin-bottom:0;}
#lhStep2.hc-plain .libre-page-area{background:transparent;padding:0;min-height:0;display:block;}
#lhStep2.hc-plain .libre-page{background:transparent;max-width:100%;box-shadow:none;}
#lhStep2.hc-plain .libre-page #lhTypingInput{width:100%;min-height:320px;padding:18px 20px;border:2px solid var(--blue-l) !important;border-radius:10px !important;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.15rem;line-height:1.5;color:var(--text);background:var(--surface) !important;box-shadow:none !important;text-align:justify;}
#lhStep2.hc-plain .libre-page #lhTypingInput:focus{outline:none;border-color:var(--blue) !important;box-shadow:0 0 0 4px rgba(29,78,216,.1) !important;}
@media (max-width:640px){.libre-menubar,.libre-ruler{display:none;}.libre-toolbar{gap:0;}.libre-page-area{padding:10px 12px;}.libre-page #gtTypingInput{padding:24px 20px;}.libre-page #dtTypingArea{padding:24px 20px;}.libre-page #typingInput{padding:24px 20px;}.libre-page #schTypingInput{padding:24px 20px;}.libre-page #lhTypingInput{padding:24px 20px;}}


.gcctbc-flex{display:block;}
.gcctbc-mode .gcctbc-flex{display:flex;gap:16px;align-items:stretch;}
.gcctbc-mode .gcctbc-flex .os-passage-box{flex:1 1 50%;max-width:50%;margin-bottom:0 !important;height:76vh;max-height:76vh;overflow:hidden;position:sticky;top:8px;box-sizing:border-box;display:flex;flex-direction:column;}
.gcctbc-mode .gcctbc-flex .os-passage-box .os-pbox-hdr{flex:0 0 auto;}
.gcctbc-mode .gcctbc-flex .os-passage-box .os-passage-scroll{flex:1;max-height:none !important;min-height:0;overflow-y:auto;}
.gcctbc-mode .gcctbc-flex .os-passage-scroll{font-family:'Calibri','Carlito','Noto Sans',Arial,sans-serif;font-size:1.15rem;line-height:1.5;text-align:justify;font-weight:400;letter-spacing:normal;}

.gcctbc-mode .gcctbc-flex .os-passage-scroll.kd{font-size:1.15rem;line-height:1.7;}
.gcctbc-mode .gcctbc-flex .gcctbc-typecol textarea,
.gcctbc-mode .gcctbc-flex .libre-page textarea{font-family:'Calibri','Carlito','Noto Sans',Arial,sans-serif !important;}

.gcctbc-examtopbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:#000;color:#fff;padding:8px 16px;border-radius:8px 8px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-bottom:10px;}
.gcctbc-examtopbar b{font-weight:700;}
.gcctbc-examtopbar .gcctbc-etb-spacer{flex:1;}
.gcctbc-examtopbar .gcctbc-etb-timer{background:#fff;color:#000;border:2px solid #dc2626;border-radius:3px;padding:3px 14px;font-weight:800;font-size:14px;min-width:60px;text-align:center;}
.gcctbc-examtopbar .gcctbc-etb-submit{background:#e5e7eb;color:#000;border:1px solid #9ca3af;border-radius:3px;padding:5px 16px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;}
.gcctbc-examtopbar .gcctbc-etb-submit:hover{background:#d1d5db;}

.gcctbc-wait-overlay{position:fixed;inset:0;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;background:transparent;pointer-events:none;}
.gcctbc-wait-overlay .gcctbc-wait-timerbox{background:#fff;border:3px solid #dc2626;border-radius:4px;padding:8px 26px;font-size:26px;font-weight:900;color:#dc2626;font-family:Arial,Helvetica,sans-serif;margin-bottom:18px;box-shadow:0 4px 18px rgba(0,0,0,.25);pointer-events:auto;}
.gcctbc-wait-overlay .gcctbc-wait-msg{font-size:16px;font-weight:700;color:#dc2626;font-family:Arial,Helvetica,sans-serif;text-align:center;padding:6px 20px;background:rgba(255,255,255,.92);border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.18);pointer-events:auto;}

body.gcctbc-fullscreen-exam{overflow-y:auto;}
body.gcctbc-fullscreen-exam .hdr,
body.gcctbc-fullscreen-exam #globalFooter,
body.gcctbc-fullscreen-exam #sectionTabsNav,
body.gcctbc-fullscreen-exam .dt-subtab-bar,
body.gcctbc-fullscreen-exam #btnInfo,
body.gcctbc-fullscreen-exam #secTyping .chdr,
body.gcctbc-fullscreen-exam #dtStep2 .chdr,
body.gcctbc-fullscreen-exam #gtStep2 .chdr,
body.gcctbc-fullscreen-exam #schStep2 .chdr,
body.gcctbc-fullscreen-exam #lhStep2 .chdr,
body.gcctbc-fullscreen-exam #secTyping > .brow,
body.gcctbc-fullscreen-exam #dtStep2 > .brow,
body.gcctbc-fullscreen-exam #gtStep2 .brow,
body.gcctbc-fullscreen-exam #schStep2 .brow,
body.gcctbc-fullscreen-exam #lhStep2 .brow{display:none !important;}

body.gcctbc-fullscreen-exam #gtMiniCalWrap,
body.gcctbc-fullscreen-exam #dtMiniCalWrap,
body.gcctbc-fullscreen-exam #schMiniCalWrap,
body.gcctbc-fullscreen-exam #lhMiniCalWrap,
body.gcctbc-fullscreen-exam #gtLeaderboardSection,
body.gcctbc-fullscreen-exam #dtLeaderboardSection,
body.gcctbc-fullscreen-exam #schLeaderboardSection,
body.gcctbc-fullscreen-exam #lhLeaderboardSection,
body.gcctbc-fullscreen-exam #gtBulkPdfCard,
body.gcctbc-fullscreen-exam #dtBulkPdfCard,
body.gcctbc-fullscreen-exam #schBulkPdfCard,
body.gcctbc-fullscreen-exam #schViewResultCard,
body.gcctbc-fullscreen-exam #lhViewResultCard{display:none !important;}

body.gcctbc-fullscreen-exam #gtModeNote,
body.gcctbc-fullscreen-exam #dtModeNote,
body.gcctbc-fullscreen-exam #schModeNote,
body.gcctbc-fullscreen-exam #lhModeNote{display:none !important;}

body.gcctbc-fullscreen-exam{overflow:hidden;}
body.gcctbc-fullscreen-exam .wrap.gcctbc-fs-active{
  max-width:100% !important;width:100% !important;margin:0 !important;
  padding:8px 10px !important;box-sizing:border-box !important;
  height:100vh !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;
}
body.gcctbc-fullscreen-exam #secTyping.gcctbc-mode.card.typsec,
body.gcctbc-fullscreen-exam #dtStep2.gcctbc-mode.card.typsec,
body.gcctbc-fullscreen-exam #gtStep2.gcctbc-mode.card.typsec,
body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode.card.typsec,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode.card.typsec{
  max-width:100% !important;width:100% !important;margin:0 !important;
  flex:1 1 auto !important;display:flex !important;flex-direction:column !important;min-height:0 !important;
}

body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode{
  max-width:100% !important;width:100% !important;margin:0 !important;
  flex:1 1 auto !important;display:flex !important;flex-direction:column !important;min-height:0 !important;overflow:hidden !important;
}
body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode > .card,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode > .card{
  max-width:100% !important;width:100% !important;margin:0 !important;
  flex:1 1 auto !important;display:flex !important;flex-direction:column !important;min-height:0 !important;
}
body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode .gcctbc-examtopbar,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode .gcctbc-examtopbar{flex:0 0 auto;margin-bottom:8px;}
body.gcctbc-fullscreen-exam .card.typsec .gcctbc-examtopbar{flex:0 0 auto;margin-bottom:8px;}
body.gcctbc-fullscreen-exam #secTyping.gcctbc-mode .gcctbc-flex,
body.gcctbc-fullscreen-exam #dtStep2.gcctbc-mode .gcctbc-flex,
body.gcctbc-fullscreen-exam #gtStep2.gcctbc-mode .gcctbc-flex,
body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode .gcctbc-flex,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode .gcctbc-flex{
  max-width:100% !important;flex:1 1 auto !important;min-height:0 !important;display:flex !important;
}
body.gcctbc-fullscreen-exam #secTyping.gcctbc-mode .gcctbc-flex .os-passage-box,
body.gcctbc-fullscreen-exam #dtStep2.gcctbc-mode .gcctbc-flex .os-passage-box,
body.gcctbc-fullscreen-exam #gtStep2.gcctbc-mode .gcctbc-flex .os-passage-box,
body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode .gcctbc-flex .os-passage-box,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode .gcctbc-flex .os-passage-box,
body.gcctbc-fullscreen-exam #secTyping.gcctbc-mode .gcctbc-flex .gcctbc-typecol,
body.gcctbc-fullscreen-exam #dtStep2.gcctbc-mode .gcctbc-flex .gcctbc-typecol,
body.gcctbc-fullscreen-exam #gtStep2.gcctbc-mode .gcctbc-flex .gcctbc-typecol,
body.gcctbc-fullscreen-exam #schStep2.gcctbc-mode .gcctbc-flex .gcctbc-typecol,
body.gcctbc-fullscreen-exam #lhStep2.gcctbc-mode .gcctbc-flex .gcctbc-typecol{
  height:100% !important;max-height:100% !important;
}
.gcctbc-typehdr{display:none;}
.gcctbc-mode .gcctbc-flex .gcctbc-typehdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;background:var(--blue-m);border:2px solid var(--blue-l);border-radius:12px;}
.gcctbc-mode .gcctbc-flex .gcctbc-typehdr h4{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;margin:0;}
.gcctbc-mode .gcctbc-flex .gcctbc-typehdr span{font-size:11px;color:var(--text-m);}
.gcctbc-typecol{display:block;}
.gcctbc-mode .gcctbc-flex .gcctbc-typecol{flex:1 1 50%;max-width:50%;display:flex;flex-direction:column;height:76vh;box-sizing:border-box;}
.gcctbc-mode .gcctbc-flex .gcctbc-typecol .libre-shell{margin-bottom:0;flex:1;display:flex;flex-direction:column;min-height:0;}
.gcctbc-mode .gcctbc-flex .gcctbc-typecol .libre-page textarea{flex:1;height:100% !important;min-height:0 !important;}
#secTyping.gcctbc-mode .libre-page-area,
#dtStep2.gcctbc-mode .libre-page-area,
#gtStep2.gcctbc-mode .libre-page-area,
#schStep2.gcctbc-mode .libre-page-area,
#lhStep2.gcctbc-mode .libre-page-area{display:flex;flex:1;min-height:0;padding:0;}
#secTyping.gcctbc-mode .libre-page,
#dtStep2.gcctbc-mode .libre-page,
#gtStep2.gcctbc-mode .libre-page,
#schStep2.gcctbc-mode .libre-page,
#lhStep2.gcctbc-mode .libre-page{flex:1;display:flex;min-height:0;max-width:100%;}


.gcctbc-mode .gcctbc-typehdr{display:none !important;}
.gcctbc-anstitle{display:none;}
.gcctbc-mode .gcctbc-anstitle{display:block;background:linear-gradient(180deg,#4a7cd4,#2456b8);color:#fff;text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;padding:6px 0;}

.gcctbc-qtitle{display:none;}
.gcctbc-mode .gcctbc-qtitle{display:block;background:linear-gradient(180deg,#4a7cd4,#2456b8);color:#fff;text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;padding:6px 0;}
#secTyping.gcctbc-mode .libre-page-area,
#dtStep2.gcctbc-mode .libre-page-area,
#gtStep2.gcctbc-mode .libre-page-area,
#schStep2.gcctbc-mode .libre-page-area,
#lhStep2.gcctbc-mode .libre-page-area{background:#c2c2c2;}
#secTyping.gcctbc-mode .libre-page,
#dtStep2.gcctbc-mode .libre-page,
#gtStep2.gcctbc-mode .libre-page,
#schStep2.gcctbc-mode .libre-page,
#lhStep2.gcctbc-mode .libre-page{background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.3);}
#secTyping.gcctbc-mode .libre-page #typingInput,
#dtStep2.gcctbc-mode .libre-page #dtTypingArea,
#gtStep2.gcctbc-mode .libre-page #gtTypingInput,
#schStep2.gcctbc-mode .libre-page #schTypingInput,
#lhStep2.gcctbc-mode .libre-page #lhTypingInput{
  border:none !important;border-radius:0 !important;box-shadow:none !important;
  padding:32px 44px !important;background:transparent !important;
  font:inherit !important;
  font-family:'Calibri','Carlito','Noto Sans',Arial,sans-serif !important;
  font-size:1.15rem !important;line-height:1.5 !important;color:var(--text);text-align:justify;
  font-weight:400 !important;letter-spacing:normal !important;font-stretch:normal !important;
  overflow-y:auto;scrollbar-gutter:stable;
}
#secTyping.gcctbc-mode .libre-page #typingInput.kd,
#dtStep2.gcctbc-mode .libre-page #dtTypingArea.kd,
#gtStep2.gcctbc-mode .libre-page #gtTypingInput.kd,
#schStep2.gcctbc-mode .libre-page #schTypingInput.kd,
#lhStep2.gcctbc-mode .libre-page #lhTypingInput.kd{
  font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace !important;
  font-size:1.15rem;line-height:1.7;
}

.gcctbc-mode .os-pbox-hdr{display:none !important;}
.gcctbc-pbox-ruler,.gcctbc-pbox-zoom{display:none;}
.gcctbc-mode .gcctbc-pbox-ruler,.gcctbc-mode .gcctbc-pbox-zoom{display:flex;flex:0 0 auto;}
.gcctbc-mode .os-passage-box{background:#c2c2c2;border:none;border-radius:0;padding:0;}
.gcctbc-mode .os-passage-box .os-passage-scroll{background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.3);padding:32px 44px;margin:0;flex:1;}

.gcctbc-vruler{display:none;}
.gcctbc-mode .gcctbc-vruler{display:flex;flex:0 0 18px;background:#fafafa;border-right:1px solid #ddd;box-sizing:border-box;padding:10px 0;align-self:stretch;}
.gcctbc-vruler-nums{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;font-size:8.5px;color:#888;font-family:Arial,sans-serif;background-image:repeating-linear-gradient(to bottom,#bbb 0,#bbb 1px,transparent 1px,transparent 12.5%);background-position:right;background-size:6px 100%;background-repeat:repeat-y;}
.gcctbc-pbox-body{display:none;}
.gcctbc-mode .gcctbc-pbox-body{display:flex;flex:1;min-height:0;}

#secTyping.hc-plain:not(.gcctbc-mode) .gcctbc-pbox-body,
#dtStep2.hc-plain:not(.gcctbc-mode) .gcctbc-pbox-body,
#gtStep2.hc-plain:not(.gcctbc-mode) .gcctbc-pbox-body,
#schStep2.hc-plain:not(.gcctbc-mode) .gcctbc-pbox-body,
#lhStep2.hc-plain:not(.gcctbc-mode) .gcctbc-pbox-body{display:block;}
.gcctbc-mode .gcctbc-pbox-body .os-passage-scroll{flex:1;min-width:0;}
#secTyping.gcctbc-mode .libre-page-area,
#dtStep2.gcctbc-mode .libre-page-area,
#gtStep2.gcctbc-mode .libre-page-area,
#schStep2.gcctbc-mode .libre-page-area,
#lhStep2.gcctbc-mode .libre-page-area{align-items:stretch;}
#secTyping.gcctbc-mode .libre-page,
#dtStep2.gcctbc-mode .libre-page,
#gtStep2.gcctbc-mode .libre-page,
#schStep2.gcctbc-mode .libre-page,
#lhStep2.gcctbc-mode .libre-page{min-width:0;}
@media (max-width:900px){
  .gcctbc-mode .gcctbc-flex{flex-direction:column;}
  .gcctbc-mode .gcctbc-flex .os-passage-box{max-width:100%;position:sticky;top:0;z-index:20;height:34vh;max-height:34vh;box-shadow:0 4px 10px rgba(0,0,0,.12);}
  .gcctbc-mode .gcctbc-flex .gcctbc-typecol{max-width:100%;position:static;height:50vh;max-height:50vh;}
  
}

@media (max-width:900px){
  #secTyping.hc-plain:not(.gcctbc-mode) .os-passage-box,
  #dtStep2.hc-plain:not(.gcctbc-mode) .os-passage-box,
  #gtStep2.hc-plain:not(.gcctbc-mode) .os-passage-box,
  #schStep2.hc-plain:not(.gcctbc-mode) .os-passage-box,
  #lhStep2.hc-plain:not(.gcctbc-mode) .os-passage-box{
    position:sticky;top:0;z-index:20;margin-bottom:12px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.12);
  }
  #secTyping.hc-plain:not(.gcctbc-mode) .os-passage-scroll,
  #dtStep2.hc-plain:not(.gcctbc-mode) .os-passage-scroll,
  #gtStep2.hc-plain:not(.gcctbc-mode) .os-passage-scroll,
  #schStep2.hc-plain:not(.gcctbc-mode) .os-passage-scroll,
  #lhStep2.hc-plain:not(.gcctbc-mode) .os-passage-scroll{max-height:28vh;}
}


#toast{position:fixed;top:86px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;padding:9px 20px;border-radius:10px;font-weight:700;font-size:14px;box-shadow:0 6px 20px rgba(185,28,28,.4);z-index:299999;display:none;white-space:normal;max-width:min(560px,90vw);text-align:center;animation:tpop .3s ease;}
@keyframes tpop{from{transform:translateX(-50%) scale(.8);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}
#pbBanner{display:none;position:fixed;top:86px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--purple),var(--blue));color:#fff;padding:12px 26px;border-radius:30px;font-weight:800;font-size:1rem;box-shadow:0 8px 28px rgba(124,58,237,.4);z-index:8000;white-space:nowrap;}
#confettiCv{position:fixed;inset:0;pointer-events:none;z-index:7000;display:none;}


.ressec{display:none;}
.pbwrp{text-align:center;margin-bottom:18px;}
.pbadge{display:inline-block;padding:10px 26px;border-radius:20px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 16px rgba(0,0,0,.15);}
.pbadge.exc{background:var(--green-l);color:var(--green);border:2px solid #4ade80;}
.pbadge.gd{background:var(--blue-l);color:var(--blue);border:2px solid #60a5fa;}
.pbadge.avg{background:var(--yellow-l);color:var(--yellow);border:2px solid #fbbf24;}
.pbadge.np{background:var(--red-l);color:var(--red);border:2px solid #f87171;}
.sgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:18px;}
.scard{border-radius:12px;padding:14px 10px;text-align:center;border:1px solid;animation:fup .4s ease-out both;opacity:0;transition:transform .2s;}
.scard:hover{transform:translateY(-3px);}
.scard:nth-child(1){animation-delay:.05s;background:var(--purple-l);border-color:#c4b5fd;}
.scard:nth-child(2){animation-delay:.12s;background:var(--blue-l);border-color:#93c5fd;}
.scard:nth-child(3){animation-delay:.19s;background:var(--green-l);border-color:#86efac;}
.scard:nth-child(4){animation-delay:.26s;background:var(--gray-l);border-color:var(--gray-m);}
.scard:nth-child(5){animation-delay:.33s;background:#fff7ed;border-color:#fdba74;}
.scard:nth-child(6){animation-delay:.40s;background:var(--red-l);border-color:#fca5a5;}
@keyframes fup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.slbl{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-m);margin-bottom:7px;}
.sval{font-size:1.8em;font-weight:800;line-height:1;}
.scard:nth-child(1) .sval{color:var(--purple);}
.scard:nth-child(2) .sval{color:var(--blue);}
.scard:nth-child(3) .sval{color:var(--green);}
.scard:nth-child(4) .sval{color:var(--gray);}
.scard:nth-child(5) .sval{color:#ea580c;}
.scard:nth-child(6) .sval{color:var(--red);}
.accm{text-align:center;padding:16px;margin-bottom:16px;background:var(--green-m);border-radius:12px;border:1px solid var(--green-l);}
.accm h3{color:var(--green);margin-bottom:11px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.accring{width:110px;height:110px;margin:0 auto 7px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;}
.accring::before{content:'';width:84px;height:84px;background:var(--card);border-radius:50%;position:absolute;}
.acctxt{position:relative;z-index:1;font-size:1.45em;font-weight:800;color:var(--text);}
.divd{border:none;border-top:2px solid var(--blue-l);margin:16px 0;}
.cmphdr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.cmphdr h3{color:var(--blue);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.lgnd{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:700;}
.li2{display:flex;align-items:center;gap:5px;}
.ldot{width:10px;height:10px;border-radius:50%;}
.lc{background:var(--green);}.lw{background:var(--red);}.lm{background:#9ca3af;border:1px dashed #6b7280;}.le{background:#d97706;}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pbox{border-radius:12px;padding:18px;border:1px solid var(--border);overflow:auto;max-height:900px;min-height:400px;}
.pbox h4{font-size:13px;font-weight:800;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.04em;}
.pbo{background:var(--green-m);border-left:5px solid var(--green);}
.pbo h4{color:var(--green);border-color:var(--green-l);}
.pbt{background:var(--blue-m);border-left:5px solid var(--blue);}
.pbt h4{color:var(--blue);border-color:var(--blue-l);}
.ptxt{font-family:'Mukta','Hind','Noto Sans Devanagari','Noto Sans','Tiro Devanagari Marathi',sans-serif;font-size:15px;line-height:2.2;white-space:pre-wrap;overflow-wrap:break-word;}
.cmp-line{display:block;min-height:1.8em;padding:2px 0;border-bottom:1px dotted var(--border);overflow-wrap:break-word;}
.cmp-line:last-child{border-bottom:none;}
.ptxt.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:17px;line-height:2.3;}
.w{display:inline;}
.w.cor{color:var(--text);}
.w.wrg{color:var(--red);font-weight:700;background:var(--red-l);padding:1px 3px;border-radius:3px;text-decoration:line-through;}
.w.wrg-half{color:#d97706;font-weight:700;background:#fef3c7;padding:1px 3px;border-radius:3px;text-decoration:underline;border:1px solid #fbbf24;}
.w.mis{display:inline-block;color:var(--blue);font-style:italic;border:1px dashed var(--blue);padding:1px 6px;border-radius:4px;margin:1px 3px;background:var(--blue-m);font-size:11px;white-space:nowrap;vertical-align:middle;}
.w.ext{color:var(--yellow);font-weight:700;background:var(--yellow-l);padding:1px 4px;border-radius:3px;border:1px solid #fbbf24;}
.w.orig-err{background:#fef08a;color:#92400e;font-weight:700;padding:1px 4px;border-radius:3px;border-bottom:2px solid #f59e0b;}
.kncorner{background:var(--purple-l);border:1px solid #c4b5fd;border-radius:12px;padding:13px 15px;margin-top:13px;}
.kncorner h4{color:var(--purple);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;}
.kntxt{font-size:13px;color:var(--text);line-height:1.6;}
.ksc{display:inline-block;background:var(--surface);border:1.5px solid var(--purple);border-radius:5px;padding:2px 7px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--purple);margin:0 3px;}
.altsec{background:var(--orange-l);border:1px solid #fdba74;border-radius:12px;padding:13px 15px;margin-top:11px;display:none;}
.altsec h4{color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px;}
.altgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:5px;}
.altitem{background:var(--surface);border-radius:6px;padding:5px 9px;font-size:11px;border:1px solid #fdba74;}
.altkey{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--orange);font-size:11px;}
body.focusm .hdr-r .thmbtn,body.focusm .hdr-r .tglink,body.focusm .kncorner,body.focusm .altsec,body.focusm .sndrow{opacity:.1;pointer-events:none;transition:opacity .4s;}
body.focusm #headerLogoutBtn,body.focusm #headerAdminBtn,body.focusm #headerLoginBtn{opacity:1!important;pointer-events:auto!important;}
body.focusm #typingInput{border-color:var(--blue);box-shadow:0 0 0 6px rgba(29,78,216,.15);}
#btnInfo{position:fixed;bottom:26px;right:26px;width:50px;height:50px;border-radius:50%;background:var(--blue);color:#fff;border:none;font-size:1.2em;cursor:pointer;box-shadow:0 6px 20px rgba(29,78,216,.4);transition:all .2s;z-index:100;display:none;}
#btnInfo:hover{filter:brightness(1.1);transform:scale(1.1);}


.steno-hero{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 40%,#2563eb 70%,#0ea5e9 100%);border-radius:20px;padding:28px 32px;margin-bottom:22px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(29,78,216,.35);}
.steno-hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.06);border-radius:50%;}
.steno-hero::after{content:'';position:absolute;bottom:-30px;left:60px;width:140px;height:140px;background:rgba(255,255,255,.04);border-radius:50%;}
.steno-hero h2{color:#fff;font-size:1.5em;font-weight:900;margin:0 0 6px;letter-spacing:.04em;position:relative;z-index:1;}
.steno-hero p{color:rgba(219,234,254,.85);font-size:13px;margin:0;position:relative;z-index:1;}
.steno-hero .steno-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;position:relative;z-index:1;}
.steno-badge{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;backdrop-filter:blur(4px);}


.steno-lang-toggle{display:flex;background:var(--gray-l);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px;border:1px solid var(--border);}
.steno-lang-btn{flex:1;padding:10px 16px;border:none;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;transition:all .22s;font-family:inherit;background:transparent;color:var(--text-m);}
.steno-lang-btn.active{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(29,78,216,.3);}


.steno-audio-wrap{background:linear-gradient(135deg,var(--blue-m),var(--surface2));border:2px solid var(--blue-l);border-radius:16px;padding:20px 22px;margin-bottom:16px;}
.steno-audio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.steno-audio-header h4{font-size:13px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;}
.steno-wpm-btns{display:flex;gap:6px;}
.steno-wpm-btn{padding:6px 14px;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text-m);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.steno-wpm-btn.active{background:var(--blue-l);border-color:var(--blue);color:var(--blue);}
.steno-player-ui{background:var(--surface);border-radius:12px;padding:16px 18px;border:1px solid var(--border);}
.steno-passage-sel{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.steno-passage-sel label{font-size:11px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.04em;}
.steno-psel{padding:6px 12px;border-radius:8px;border:2px solid var(--border);background:var(--surface2);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;}
.steno-psel:focus{outline:none;border-color:var(--blue);}
.steno-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.steno-play-btn{width:52px;height:52px;border-radius:50%;background:var(--blue);border:none;color:#fff;font-size:1.3em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(29,78,216,.4);flex-shrink:0;}
.steno-play-btn:hover{transform:scale(1.08);filter:brightness(1.1);}
.steno-play-btn.playing{background:var(--red);}
.steno-progress-wrap{flex:1;min-width:150px;}
.steno-progress-bar{width:100%;height:6px;background:var(--gray-m);border-radius:3px;overflow:hidden;cursor:pointer;margin-bottom:5px;}
.steno-progress-fill{height:100%;background:var(--blue);border-radius:3px;width:0%;transition:width .3s;}
.steno-time-disp{font-size:11px;color:var(--text-m);font-weight:600;font-family:'JetBrains Mono',monospace;}
.steno-speed-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.steno-speed-label{font-size:11px;color:var(--text-m);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.steno-speed-btn{padding:4px 12px;border-radius:6px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text-m);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.steno-speed-btn.active{background:var(--green-l);border-color:#4ade80;color:var(--green);}


.steno-dict-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px;padding:9px 13px;background:linear-gradient(135deg,rgba(124,58,237,.07),rgba(29,78,216,.05));border:1.5px solid rgba(124,58,237,.22);border-radius:11px;}
.steno-dict-label{font-size:10.5px;font-weight:800;color:var(--purple);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}
.steno-dict-btns{display:flex;background:var(--surface2);border-radius:8px;padding:3px;gap:3px;border:1.5px solid var(--border);}
.steno-dict-btn{padding:5px 13px;border-radius:6px;border:none;font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;color:var(--text-m);background:transparent;white-space:nowrap;}
.steno-dict-btn.active{background:var(--purple);color:#fff;box-shadow:0 2px 8px rgba(124,58,237,.4);}
.steno-dict-btn:not(.active):hover{background:var(--purple-l);color:var(--purple);}
.steno-dict-hint{font-size:10px;color:var(--text-m);font-style:italic;}

.steno-stop-btn{width:38px;height:38px;border-radius:9px;background:var(--red);border:none;color:#fff;font-size:1em;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px rgba(220,38,38,.35);flex-shrink:0;display:none;align-items:center;justify-content:center;}
.steno-stop-btn.show{display:flex;}
.steno-stop-btn:hover{filter:brightness(1.15);transform:scale(1.06);}

@keyframes mockWbwPop{0%{opacity:0;transform:scale(.82) translateY(-8px)}60%{transform:scale(1.06) translateY(2px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.mock-wbw-pop{animation:mockWbwPop .2s ease;}
@keyframes wbwPop{0%{opacity:0;transform:translateY(-7px) scale(.88)}60%{transform:translateY(2px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}
#stenoWbwBox{display:none;text-align:center;margin:10px 0 6px;padding:10px 14px;background:linear-gradient(135deg,var(--purple-l),var(--blue-m));border:2px solid rgba(124,58,237,.22);border-radius:13px;}
#stenoWbwBox.show{display:block;}
#stenoWbwWord{font-size:1.6em;font-weight:900;color:var(--purple);letter-spacing:.03em;line-height:1.2;}
#stenoWbwWord.pop{animation:wbwPop .18s ease;}
#stenoWbwCount{font-size:10.5px;color:var(--text-m);font-weight:600;margin-top:4px;font-family:'JetBrains Mono',monospace;}

.steno-show-passage-btn{padding:6px 16px;border-radius:8px;border:2px solid var(--blue);background:transparent;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;}
.steno-show-passage-btn:hover{background:var(--blue);color:#fff;}
.steno-passage-reveal{background:var(--blue-m);border:2px solid var(--blue-l);border-radius:12px;padding:16px 18px;margin-top:12px;display:none;animation:sdown .3s ease;}
.steno-passage-reveal h5{font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.steno-passage-text{font-size:15px;line-height:1.9;color:var(--text);white-space:pre-wrap;word-break:break-word;}
.steno-passage-text.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:17px;line-height:2.1;}
.steno-passage-text.mangal{font-family:'Tiro Devanagari Marathi','Noto Sans Devanagari',sans-serif;font-size:16px;line-height:2.0;}


.steno-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
@media(max-width:760px){.steno-split{grid-template-columns:1fr;}}
.steno-left-panel{display:flex;flex-direction:column;gap:14px;}
.steno-right-panel{display:flex;flex-direction:column;}
.steno-transcript-box{background:var(--card);border:2px solid var(--blue-l);border-radius:16px;padding:18px 20px;flex:1;display:flex;flex-direction:column;}
.steno-transcript-box h4{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--blue-l);display:flex;justify-content:space-between;align-items:center;}
#stenoTranscriptArea{width:100%;min-height:320px;flex:1;padding:14px 16px;border:2px solid var(--blue-l);border-radius:10px;font-size:1.15rem;line-height:2;resize:vertical;color:var(--text);background:var(--inp);transition:border-color .2s;font-family:'Noto Sans','Tiro Devanagari Marathi',sans-serif;overflow-wrap:break-word;}
#stenoTranscriptArea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,78,216,.1);}
#stenoTranscriptArea.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:1.2rem;line-height:2.1;}
#stenoTranscriptArea.mangal{font-family:'Tiro Devanagari Marathi','Noto Sans Devanagari',sans-serif;font-size:1.15rem;line-height:2.0;}


.steno-font-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--gray-l);border-radius:10px;border:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap;}
.steno-font-label{font-size:11px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.04em;}
.steno-font-btn{padding:5px 13px;border-radius:6px;border:2px solid var(--border);background:var(--surface);color:var(--text-m);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.steno-font-btn.active{background:var(--purple-l);border-color:var(--purple);color:var(--purple);}


.steno-kb-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--orange-l);border-radius:8px;border:1px solid #fdba74;margin-bottom:12px;flex-wrap:wrap;}
.steno-kb-label{font-size:11px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.04em;}
.steno-kb-btn{padding:4px 12px;border-radius:6px;border:2px solid #fdba74;background:var(--surface);color:var(--orange);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.steno-kb-btn.active{background:var(--orange-l);border-color:var(--orange);color:var(--orange);}


.steno-result-panel{display:none;background:var(--surface2);border-radius:18px;padding:22px 24px;border:1px solid var(--border);margin-top:16px;}
.steno-result-panel h3{font-size:15px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}
.steno-acc-row{display:flex;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap;}
.steno-acc-ring{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.steno-acc-ring::before{content:'';width:76px;height:76px;background:var(--surface2);border-radius:50%;position:absolute;}
.steno-acc-num{position:relative;z-index:1;font-size:1.3em;font-weight:800;color:var(--text);}
.steno-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;flex:1;}
.steno-stat{background:var(--card);border-radius:10px;padding:12px 14px;border:1px solid var(--border);text-align:center;}
.steno-stat-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-m);margin-bottom:4px;}
.steno-stat-val{font-size:1.4em;font-weight:800;color:var(--blue);}
.steno-mistake-bar{background:var(--blue-m);border:1px solid var(--blue-l);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:12.5px;color:var(--text-m);line-height:1.7;}
.steno-mistake-bar b{color:var(--blue);}
.steno-court-rules{background:var(--yellow-l);border:1px solid #fde68a;border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:12px;color:var(--yellow);line-height:1.7;}
.steno-court-rules b{color:var(--yellow);}
.steno-cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
@media(max-width:700px){.steno-cmp-grid{grid-template-columns:1fr;}}
.steno-highlight-red{color:var(--red);font-weight:700;background:var(--red-l);padding:1px 3px;border-radius:3px;text-decoration:line-through;display:inline;}
.steno-highlight-blue{color:var(--blue);font-style:italic;border:1px dashed var(--blue);padding:1px 5px;border-radius:4px;margin:1px 2px;background:var(--blue-m);font-size:11px;white-space:nowrap;vertical-align:middle;display:inline-block;}
.steno-wpm-indicator{background:var(--green-l);border:2px solid #4ade80;border-radius:12px;padding:10px 16px;margin-bottom:14px;font-size:13px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:8px;}



.os-setup-card{background:var(--card);border-radius:16px;box-shadow:0 4px 24px var(--shadow);padding:24px 28px;margin-bottom:20px;border:1px solid var(--border);}
.passage-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:center;}
.psel-label{font-size:12px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.04em;}
.psel-lang-btns{display:flex;gap:6px;}
.psel-lang-btn{padding:6px 14px;border-radius:6px;border:2px solid var(--border);background:var(--surface2);color:var(--text-m);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.psel-lang-btn.on{background:var(--blue-l);border-color:var(--blue);color:var(--blue);}
.psel-num{font-size:12px;font-weight:600;color:var(--text-m);background:var(--gray-l);border:1px solid var(--gray-m);border-radius:6px;padding:6px 12px;cursor:pointer;font-family:inherit;}
.psel-num.on{background:var(--green-l);border-color:#86efac;color:var(--green);}
#os-passageDisplay{width:100%;min-height:220px;max-height:320px;overflow-y:auto;padding:16px 18px;border:2px solid var(--blue-l);border-radius:10px;background:var(--surface2);font-size:15px;line-height:1.9;color:var(--text);white-space:pre-wrap;word-break:break-word;margin-bottom:14px;user-select:text;}
#os-passageDisplay.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:17px;line-height:2.1;}
#os-typingInput{width:100%;min-height:320px;padding:18px 20px;border:2px solid var(--blue-l);border-radius:10px;font-family:'Noto Sans','Arial','Calibri',sans-serif;font-size:1.15rem;line-height:1.25;resize:vertical;color:var(--text);background:var(--surface);transition:border-color .2s;white-space:pre-wrap;overflow-wrap:break-word;text-align:justify;}
#os-typingInput:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,78,216,.1);}
#os-typingInput.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:1.15rem;line-height:1.25;}
.os-split{display:flex;flex-direction:column;gap:14px;}
.os-passage-box{background:var(--blue-m);border:2px solid var(--blue-l);border-radius:12px;padding:16px 18px;}
.os-passage-box .os-pbox-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--blue-l);}
.os-passage-box .os-pbox-hdr h4{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;}
.os-passage-scroll{max-height:260px;overflow-y:auto;overflow-x:hidden;font-size:1.15rem;line-height:1.5;color:var(--text);white-space:normal;overflow-wrap:break-word;text-align:justify;padding-right:16px;box-sizing:border-box;scrollbar-gutter:stable;}
.os-passage-scroll.kd{font-family:'Krutidev055','Kruti Dev 055','Kruti Dev 010','Mangal',monospace;font-size:17px;line-height:2.1;}
.os-typing-box{background:var(--card);border:2px solid var(--blue-l);border-radius:12px;padding:16px 18px;}
.os-typing-box .os-tbox-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--blue-l);}
.os-typing-box .os-tbox-hdr h4{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;}
.os-btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px;}


.pnum-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.pnum-btn{width:36px;height:36px;border-radius:8px;border:2px solid var(--border);background:var(--surface2);color:var(--text-m);font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.pnum-btn:hover{border-color:var(--blue);color:var(--blue);}
.pnum-btn.on{background:var(--blue-l);border-color:var(--blue);color:var(--blue);}

@media(max-width:760px){
  
  .cdcirc{width:200px;height:200px;}
  .cdnum{font-size:5em;}.cdgo{font-size:3em;}

  
  .hdr{padding:7px 10px;gap:5px;flex-wrap:wrap;overflow:visible;max-width:100vw;box-sizing:border-box;}
  .hdr-l{flex:1;min-width:0;overflow:hidden;}
  .hdr-l h1{font-size:.78em;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .badges{gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .badges::-webkit-scrollbar{display:none;}
  .pill{font-size:9.5px;padding:2px 6px;white-space:nowrap;flex-shrink:0;}
  
  .hdr-r{gap:4px;flex-wrap:wrap;overflow:visible;flex-shrink:0;justify-content:flex-end;}
  .thmbtn{display:none;} 
  .tglink{display:none;} 
  #timerBox,#os-timerBox{font-size:1.1em;padding:5px 9px;letter-spacing:1.5px;}

  
  .section-tabs{top:auto;position:relative;padding:0 6px;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box;}
  .section-tabs::-webkit-scrollbar{height:3px;}
  .stab{padding:10px 12px;font-size:11.5px;gap:4px;flex-shrink:0;white-space:nowrap;}

  
  .wrap{padding:0 8px 30px;margin:10px auto;max-width:100%;box-sizing:border-box;}
  .card,.os-setup-card{padding:14px 12px;border-radius:12px;overflow-x:hidden;}

  
  .srow{flex-direction:column;gap:10px;}
  .sblk{flex:none !important;width:100%;}
  
  
  .cgrp{flex-wrap:wrap;gap:4px;}
  .chip{font-size:11px;padding:5px 9px;}

  
  #passageInput{min-height:110px;font-size:14px;}
  #typingInput{min-height:260px;font-size:.95rem;line-height:1.25;padding:14px 14px;text-align:justify;}
  #os-typingInput{min-height:200px;font-size:.95rem;line-height:1.25;padding:14px 14px;text-align:justify;}
  #dtTypingArea,#gtTypingInput,#schTypingInput,#lhTypingInput{min-height:260px;font-size:.95rem;line-height:1.25;padding:14px 14px;text-align:justify;}

  
  .pnum-grid{gap:5px;}
  .pnum-btn{width:32px;height:32px;font-size:11px;border-radius:6px;}

  
  .brow{margin:12px 0;}
  .btn{padding:10px 20px;font-size:12.5px;}

  
  .sgrid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .sval{font-size:1.4em;}

  
  .cgrid{grid-template-columns:1fr;}
  .pbox{max-height:400px;}

  
  .pbwrap{gap:8px;}
  .pbcard{min-width:unset;}

  
  .bsrow{flex-wrap:wrap;gap:7px;}
  .bshint{margin-left:0;width:100%;}

  
  .sndrow{flex-wrap:wrap;gap:7px;}

  
  #os-passagePreview{font-size:13px;max-height:140px;}
  .os-passage-scroll{max-height:160px;font-size:.95rem;}
  .os-passage-box{padding:12px;}
  .os-typing-box{padding:12px;}

  
  .mbox{padding:18px 14px;margin:4% auto;width:95%;}
  .mhdr h2{font-size:1.1em;}
  .ii-tx{font-size:12px;}
  .mbrow{flex-direction:column;gap:8px;}
  .mbtn{width:100%;text-align:center;}

  
  #toast{font-size:12px;padding:7px 13px;top:65px;max-width:92vw;white-space:normal;text-align:center;}

  
  #btnInfo{width:42px;height:42px;bottom:16px;right:16px;font-size:1em;}

  
  .kncorner{padding:10px 11px;}
  .kntxt{font-size:12px;}


  
  .altgrid{grid-template-columns:repeat(2,1fr);}
}



#hamBtn {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,.08);
  border: 1.5px solid rgba(255,255,255,.15);
  border-radius: 10px;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background .2s;
  z-index: 1001;
}
#hamBtn:hover { background: rgba(255,255,255,.15); }
#hamBtn span {
  display: block;
  width: 20px;
  height: 2px;
  background: #f5cc40;
  border-radius: 2px;
  transition: all .3s;
}
#hamBtn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#hamBtn.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
#hamBtn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


#mobileNav {
  display: none;
  position: fixed;
  top: 0; right: 0;
  width: min(300px, 85vw);
  height: 100vh;
  background: linear-gradient(180deg, #050814 0%, #0a1023 100%);
  border-left: 1px solid rgba(245,204,64,.2);
  z-index: 9999;
  transform: translateX(100%);
  transition: transform .3s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
  padding: 0 0 40px;
  box-shadow: -8px 0 40px rgba(0,0,0,.6);
}
#mobileNav.open { transform: translateX(0); }
#mobileNavOverlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 9998;
  backdrop-filter: blur(3px);
}
#mobileNavOverlay.open { display: block; }
.mob-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(245,204,64,.15);
  background: rgba(245,204,64,.05);
}
.mob-nav-logo {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 800;
  background: linear-gradient(135deg, #f5cc40, #fde68a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#mobNavClose {
  width: 36px; height: 36px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.mob-nav-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.mob-nav-label {
  font-size: 10px;
  font-weight: 700;
  color: rgba(245,204,64,.6);
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 8px 18px 4px;
}
.mob-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  color: rgba(255,255,255,.8);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, color .15s;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
}
.mob-nav-item:hover, .mob-nav-item.active {
  background: rgba(99,102,241,.12);
  color: #a5b4fc;
}
.mob-nav-item .nav-icon { font-size: 18px; width: 24px; text-align: center; flex-shrink: 0; }

.mob-nav-social {
  display: flex;
  gap: 10px;
  padding: 12px 18px;
  flex-wrap: wrap;
}
.mob-nav-social a {
  display: flex; align-items: center; gap: 5px;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  flex: 1; min-width: 80px;
  justify-content: center;
}
.mob-nav-tg { background: #0088cc; color: #fff; }
.mob-nav-yt { background: #e00; color: #fff; }

.mob-theme-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 10px 18px 14px;
}
.mob-theme-btn {
  flex: 1; min-width: 70px;
  padding: 8px 10px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  background: var(--surface2);
  color: var(--text-m);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all .18s;
  font-family: inherit;
  text-align: center;
}
.mob-theme-btn:hover, .mob-theme-btn.on {
  border-color: var(--blue);
  color: var(--blue);
  background: var(--blue-l);
}

@media (max-width: 760px) {
  
  #hamBtn { display: flex; }
  #mobileNav { display: block; }
  .hdr-r .thmbtn { display: none !important; }
  .hdr-r .tglink { display: none !important; }
  
  .hdr { padding: 8px 12px; gap: 8px; }
  .hdr-l { flex: 1; }
  .hdr-r { gap: 6px; flex-shrink: 0; }
  
  .section-tabs { padding: 0 4px; }
  .stab { padding: 10px 11px; font-size: 11px; }
}


.section-heading {
  font-family: 'Poppins', 'Montserrat', 'Noto Sans', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 6px;
  color: var(--text);
}
.section-heading::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 56px; height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--blue), var(--purple));
}
.section-heading.center { display: block; text-align: center; }
.section-heading.center::after { left: 50%; transform: translateX(-50%); }
.section-heading.accent-green::after { background: linear-gradient(90deg,#15803d,#4ade80); }
.section-heading.accent-orange::after { background: linear-gradient(90deg,#b45309,#f59e0b); }
.section-heading.accent-gold::after { background: linear-gradient(90deg,#b45309,#d4af37); }


.chdr h2 {
  font-family: 'Poppins','Montserrat','Noto Sans',sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 1.15em !important;
}

.card > h3, .card h3 {
  font-family: 'Poppins','Montserrat','Noto Sans',sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.stit {
  font-family: 'Poppins','Montserrat','Noto Sans',sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}


.legal-table-wrap {
  overflow-x: auto;
  border-radius: 16px;
  box-shadow: 0 4px 24px var(--shadow);
  margin: 0 0 28px;
}
.legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: var(--card);
  border-radius: 16px;
  overflow: hidden;
  min-width: 340px;
}
.legal-table thead tr {
  background: linear-gradient(135deg, #1d4ed8, #3b82f6);
  color: #fff;
}
.legal-table thead th {
  padding: 14px 18px;
  font-family: 'Poppins','Montserrat',sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-align: left;
  white-space: nowrap;
}
.legal-table thead th:first-child { border-radius: 0; }
.legal-table tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background .18s, transform .15s;
  cursor: default;
}
.legal-table tbody tr:last-child { border-bottom: none; }
.legal-table tbody tr:nth-child(even) { background: var(--surface2); }
.legal-table tbody tr:hover {
  background: var(--blue-m) !important;
  transform: scale(1.005);
  box-shadow: 0 2px 12px rgba(29,78,216,.10);
}
[data-theme="dark"] .legal-table tbody tr:hover { background: var(--blue-l) !important; }
.legal-table tbody td {
  padding: 12px 18px;
  line-height: 1.55;
  vertical-align: top;
  color: var(--text);
}
.legal-table tbody td:first-child {
  font-family: 'Poppins','Montserrat',sans-serif;
  font-weight: 700;
  color: var(--blue);
  font-size: 13.5px;
  white-space: nowrap;
}
.legal-table tbody td .lt-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 12px;
  margin-left: 6px;
  vertical-align: middle;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: rgba(29,78,216,.1);
  color: var(--blue);
  border: 1px solid rgba(29,78,216,.2);
}
.legal-table tbody td .lt-badge.writ { background:rgba(124,58,237,.1);color:var(--purple);border-color:rgba(124,58,237,.2); }
.legal-table tbody td .lt-badge.imp  { background:rgba(185,28,28,.1);color:var(--red);border-color:rgba(185,28,28,.2); }
.legal-table .mr-meaning { font-size: 13px; color: var(--text); line-height: 1.6; }
.legal-table .mr-meaning .mr-example { display:block;font-size:11.5px;color:var(--text-m);margin-top:3px;font-style:italic; }


.court-hero {
  background: linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 50%,#1e40af 100%);
  border-radius: 20px;
  padding: 32px 32px 28px;
  margin-bottom: 28px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.court-hero::before {
  content: '⚖️';
  position: absolute;
  right: 24px; top: 50%;
  transform: translateY(-50%);
  font-size: 5em;
  opacity: .12;
  pointer-events: none;
}
.court-hero h2 {
  font-family: 'Poppins','Montserrat',sans-serif;
  font-weight: 900;
  font-size: 1.55em;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 6px;
}
.court-hero p { font-size: 13.5px; opacity: .85; line-height: 1.6; max-width: 560px; }
.court-cat-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 700;
  font-family: 'Poppins',sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 4px 4px 4px 0;
  background: rgba(255,255,255,.15);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
}


.legal-cat-hdr {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--blue-l);
}
.legal-cat-icon {
  width: 42px; height: 42px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3em;
  flex-shrink: 0;
  background: linear-gradient(135deg,#1d4ed8,#3b82f6);
  color: #fff;
  box-shadow: 0 4px 12px rgba(29,78,216,.3);
}
.legal-cat-title {
  font-family: 'Poppins','Montserrat',sans-serif;
  font-weight: 800;
  font-size: .95em;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--blue);
}
.legal-cat-sub { font-size: 12px; color: var(--text-m); margin-top: 2px; }


@media(max-width:600px){
  .legal-table { font-size: 13px; }
  .legal-table tbody td { padding: 10px 12px; }
  .legal-table thead th { padding: 11px 12px; font-size: 11px; }
  .legal-table tbody td:first-child { white-space: normal; }
  .court-hero { padding: 22px 18px; }
  .court-hero h2 { font-size: 1.2em; }
}




* {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body, p, span, div, h1, h2, h3, h4, h5, h6, li, td, th, label, button, a {
  font-family: 'Noto Sans Devanagari', 'Mukta', 'Hind', 'Noto Sans', sans-serif;
}

.wr-q-text2, .wr-opt2, .question-text, .option-text,
[class*="q-text"], [class*="opt-text"], [class*="question"], [class*="option"],
.quiz-question, .quiz-option, .test-question, .test-option {
  font-family: 'QuestionFont','Noto Sans Devanagari','Roboto','Inter','Mukta','Hind','Noto Sans',sans-serif !important;
  font-size: 16px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.1px;
}



.wr-hero{background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);border-radius:20px;padding:28px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden;}
.wr-hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.05);border-radius:50%;}
.wr-hero h2{margin:0 0 8px;font-size:1.6em;font-weight:900;}
.wr-hero p{margin:0;opacity:.8;font-size:14px;}
.wr-subj-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px;}
@media(max-width:900px){.wr-subj-grid{grid-template-columns:repeat(3,1fr);gap:10px;}}
@media(max-width:600px){.wr-subj-grid{grid-template-columns:repeat(2,1fr);gap:10px;}}

.wr-subj-card{background:var(--card,#fff);border:2px solid #e5e7eb;border-radius:18px;padding:18px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;}
@media(max-width:600px){.wr-subj-card{padding:12px 10px;border-radius:14px;gap:3px;} .wr-subj-icon{font-size:1.4em;margin-bottom:1px;} .wr-subj-mr{font-size:12px;} .wr-subj-en{font-size:9px;letter-spacing:.2px;} .wr-subj-tag{font-size:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .wr-subj-cnt{font-size:10px;padding:2px 7px;} .wr-subj-arrow{font-size:12px;}}
.wr-subj-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--subj-color,linear-gradient(90deg,#6366f1,#8b5cf6));transition:height .3s;}
.wr-subj-card:not(.wr-expanded):hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(99,102,241,.18);border-color:#c7d2fe;}
.wr-subj-card.active:not(.wr-expanded){border-color:rgba(99,102,241,.3);box-shadow:0 4px 16px rgba(99,102,241,.15);}


.wr-subj-card.wr-expanded{grid-column:1/-1;cursor:default;border:2px solid rgba(99,102,241,.25);box-shadow:0 12px 40px rgba(99,102,241,.15);border-radius:20px;padding:0;overflow:hidden;animation:wrCardExpand .35s cubic-bezier(.16,1,.3,1);}
@keyframes wrCardExpand{from{opacity:.6;transform:scale(.97);}to{opacity:1;transform:scale(1);}}


.wr-exp-header{background:var(--subj-color,linear-gradient(135deg,#6366f1,#8b5cf6));padding:14px 18px;display:flex;align-items:center;gap:10px;position:relative;}
.wr-exp-header-back{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s;}
.wr-exp-header-back:hover{background:rgba(255,255,255,.35);}
.wr-exp-header-icon{font-size:1.4em;flex-shrink:0;}
.wr-exp-header-title{font-size:14px;font-weight:900;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wr-exp-header-cnt{background:rgba(255,255,255,.2);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;}


.wr-breadcrumb{display:flex;align-items:center;gap:5px;padding:8px 18px;background:rgba(99,102,241,.04);border-bottom:1px solid rgba(99,102,241,.08);flex-wrap:wrap;}
.wr-bc-item{font-size:11px;font-weight:700;color:#6366f1;cursor:pointer;transition:.15s;white-space:nowrap;}
.wr-bc-item:hover{color:#4338ca;text-decoration:underline;}
.wr-bc-sep{font-size:10px;color:#9ca3af;}
.wr-bc-current{font-size:11px;font-weight:700;color:#6b7280;white-space:nowrap;}


.wr-exp-body{padding:16px 18px;overflow:hidden;}


.wr-slide-in{animation:wrSlideIn .3s cubic-bezier(.16,1,.3,1);}
.wr-slide-back{animation:wrSlideBack .3s cubic-bezier(.16,1,.3,1);}
@keyframes wrSlideIn{from{opacity:0;transform:translateX(24px);}to{opacity:1;transform:translateX(0);}}
@keyframes wrSlideBack{from{opacity:0;transform:translateX(-24px);}to{opacity:1;transform:translateX(0);}}


.wr-date-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;}
.wr-date-tile{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:1.5px solid #c7d2fe;border-radius:14px;padding:12px 14px;cursor:pointer;transition:all .2s;text-align:center;}
.wr-date-tile:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 18px rgba(99,102,241,.3);}
.wr-date-tile:hover *{color:#fff!important;}
.wr-date-tile-day{font-size:22px;font-weight:900;color:#4338ca;line-height:1;}
.wr-date-tile-month{font-size:10px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;}
.wr-date-tile-count{font-size:11px;color:#7c3aed;font-weight:600;margin-top:4px;}


.wr-test-card{background:var(--card,#fff);border:1.5px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .22s;}
.wr-test-card:hover{border-color:#6366f1;box-shadow:0 4px 16px rgba(99,102,241,.14);transform:translateX(3px);}
.wr-test-num{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wr-test-info{flex:1;}
.wr-test-name{font-size:13.5px;font-weight:800;color:#1f2937;}
.wr-test-meta{font-size:11px;color:#6b7280;margin-top:2px;}
.wr-test-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0;}
.wr-badge-basic{background:#dbeafe;color:#1e40af;}
.wr-badge-advance{background:#fdf4ff;color:#7e22ce;}
.wr-badge-new{background:#dcfce7;color:#166534;}


.wr-quiz-progress-wrap{padding:10px 18px 0;}
.wr-quiz-progress-bar{height:6px;background:#e5e7eb;border-radius:20px;overflow:hidden;margin-bottom:4px;}
.wr-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:20px;transition:width .4s cubic-bezier(.16,1,.3,1);}
.wr-quiz-meta{display:flex;justify-content:space-between;align-items:center;padding:0 2px;}
.wr-quiz-counter{font-size:11px;font-weight:700;color:#6366f1;}
.wr-quiz-timer{font-size:11px;font-weight:700;color:#ef4444;display:flex;align-items:center;gap:4px;}
.wr-q-wrap{padding:14px 18px;}
.wr-q-text2{font-size:16px;font-weight:700;color:#1f2937;line-height:1.9;margin-bottom:14px;font-family:'QuestionFont','Noto Sans Devanagari','Roboto','Inter','Mukta','Hind','Noto Sans',sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:0.1px;}
.wr-opts2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
@media(max-width:480px){.wr-opts2{grid-template-columns:1fr;}}
.wr-opt2{padding:11px 16px;border-radius:12px;border:2px solid #e5e7eb;background:var(--card,#fff);font-size:15px;cursor:pointer;transition:all .2s;text-align:left;font-family:'QuestionFont','Noto Sans Devanagari','Roboto','Inter','Mukta','Hind','Noto Sans',sans-serif;font-weight:600;color:#374151;-webkit-font-smoothing:antialiased;letter-spacing:0.1px;line-height:1.8;}
.wr-opt2:hover:not(:disabled){border-color:#6366f1;background:#eef2ff;color:#4338ca;transform:translateY(-1px);}
.wr-opt2.correct{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#34d399!important;color:#065f46!important;font-weight:800;}
.wr-opt2.wrong{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#f87171!important;color:#991b1b!important;font-weight:800;}
.wr-exp2{margin:0 18px 14px;padding:12px 14px;background:#f0fdf4;border-radius:12px;border-left:4px solid #34d399;font-size:12.5px;color:#065f46;line-height:1.6;animation:wrSlideIn .25s ease;font-family:'Noto Sans Devanagari','Rajdhani',sans-serif;}

.wr-nav-btns{display:flex;gap:10px;margin:0 18px 16px;}
.wr-next-btn{padding:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Noto Sans Devanagari','Rajdhani',inherit;opacity:.4;transition:all .25s;}
.wr-next-btn:not(:disabled){opacity:1;box-shadow:0 4px 16px rgba(99,102,241,.35);}
.wr-next-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.45);}


.wr-result-wrap{padding:18px;text-align:center;font-family:'Noto Sans Devanagari','Rajdhani',sans-serif;}
.wr-result-emoji{font-size:3em;margin-bottom:8px;animation:wrBounce .6s ease;}
@keyframes wrBounce{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}
.wr-result-msg{font-size:16px;font-weight:900;color:#1f2937;margin-bottom:4px;font-family:'Noto Sans Devanagari','Rajdhani',sans-serif;}
.wr-result-sub{font-size:12px;color:#6b7280;margin-bottom:16px;}
.wr-result-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.wr-result-stat{border-radius:14px;padding:12px 18px;min-width:70px;text-align:center;}
.wr-result-num{font-size:22px;font-weight:900;line-height:1;}
.wr-result-lbl{font-size:10px;font-weight:700;margin-top:3px;}
.wr-result-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.wr-result-btn{padding:10px 18px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;border:none;font-family:inherit;transition:all .2s;}


.wr-subj-icon{font-size:1.7em;margin-bottom:2px;}
.wr-subj-mr{font-size:14px;font-weight:800;color:#1f2937;}
.wr-subj-en{font-size:11px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;}
.wr-subj-tag{font-size:11px;color:#6b7280;line-height:1.4;flex:1;}
.wr-subj-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6;}
.wr-subj-cnt{background:#f3f4f6;color:#6b7280;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;}
.wr-subj-card.active .wr-subj-cnt{background:#6366f1;color:#fff;}
.wr-subj-arrow{color:#d1d5db;font-size:14px;transition:.25s;}
.wr-subj-card.active:not(.wr-expanded) .wr-subj-arrow{color:#6366f1;transform:rotate(90deg);}
.wr-subj-default{display:flex;flex-direction:column;gap:4px;}
.wr-subj-card.wr-expanded .wr-subj-default{display:none;}


.wr-tab{display:none;}
.wr-inline-panel{display:none;}
.wr-subj-card.active .wr-inline-panel{display:none;}
.wr-inline-loading{display:none;}
.wr-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:10px;transition:.2s;}
.wr-card:hover{box-shadow:0 3px 12px rgba(99,102,241,.1);}
.wr-inline-score,.wr-inline-datebar{display:none!important;}

.stab-dropdown-wrap{position:relative;display:inline-flex;align-items:stretch;}
.stab-dropdown-wrap .stab-dd-menu{
  display:none;position:fixed;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  border:1px solid rgba(99,136,200,.2);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04);
  min-width:260px;z-index:99999;
  padding:10px;overflow:hidden;animation:ddFadeIn .18s cubic-bezier(.16,1,.3,1);
}
@keyframes ddFadeIn{from{opacity:0;transform:translateY(-6px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.stab-dropdown-wrap:hover .stab-dd-menu,
.stab-dropdown-wrap .stab-dd-menu:hover,
.stab-dropdown-wrap.dd-open .stab-dd-menu{display:block;}

@media(max-width:768px){
  .stab-dropdown-wrap .stab-dd-menu{
    position:fixed;left:8px!important;right:8px;min-width:auto;max-height:70vh;overflow-y:auto;
  }
}
.stab-dd-group{margin-bottom:4px;}
.stab-dd-group:last-child{margin-bottom:0;}
.stab-dd-group-label{
  font-size:9px;font-weight:900;color:rgba(99,136,200,.5);
  text-transform:uppercase;letter-spacing:.8px;
  padding:6px 10px 3px;
  display:flex;align-items:center;gap:6px;
}
.stab-dd-group-label::after{content:'';flex:1;height:1px;background:rgba(99,136,200,.1);}
.stab-dd-item{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  border-radius:10px;cursor:pointer;transition:.18s;
  color:rgba(203,213,225,.75);font-size:13px;
  font-weight:600;white-space:nowrap;
  position:relative;overflow:hidden;
}
.stab-dd-item:hover{
  background:linear-gradient(90deg,rgba(59,130,246,.15),rgba(99,102,241,.08));
  color:#93c5fd;
  transform:translateX(3px);
}
.stab-dd-item .dd-icon{font-size:1em;width:22px;height:22px;text-align:center;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:7px;flex-shrink:0;}
.stab-dd-divider{height:1px;background:rgba(99,136,200,.1);margin:6px 0;}


#globalFooter{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  color:#94a3b8;padding:40px 0 0;margin-top:0;
  position:relative;z-index:1;
}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px;}
.footer-col h4{font-size:13px;font-weight:800;color:#f1f5f9;margin:0 0 14px;
  text-transform:uppercase;letter-spacing:.5px;}
.footer-col a{display:block;color:#94a3b8;text-decoration:none;font-size:13px;
  padding:3px 0;transition:.15s;}
.footer-col a:hover{color:#e2e8f0;}
.footer-social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;}
.footer-social-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;
  border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;transition:.2s;color:#fff;}
.footer-social-btn:hover{opacity:.85;transform:translateY(-1px);}
.footer-social-btn.yt-blink:hover{box-shadow:0 0 12px rgba(255,0,0,0.7);transform:translateY(-1px);}
.footer-social-btn.tg-blink:hover{box-shadow:0 0 12px rgba(0,136,204,0.7);transform:translateY(-1px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:16px 0;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.footer-bottom p{margin:0;font-size:12px;color:rgba(148,163,184,.6);}
.footer-bottom a{color:#f5cc40;text-decoration:none;font-weight:700;}
.footer-privacy-links{display:flex;gap:16px;}
.footer-privacy-links a{font-size:12px;color:rgba(148,163,184,.5);text-decoration:none;
  transition:.15s;}
.footer-privacy-links a:hover{color:#e2e8f0;}


#loginModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);
  z-index:99999;align-items:center;justify-content:center;}
#loginModal.open{display:flex!important;}
.login-box{background:#fff;border-radius:20px;padding:32px 28px;width:100%;max-width:400px;
  box-shadow:0 24px 60px rgba(0,0,0,.25);position:relative;text-align:center;overflow:visible;}
.login-box h3{margin:0 0 6px;font-size:1.3em;font-weight:900;color:#1f2937;}
.login-box p{margin:0 0 20px;color:#6b7280;font-size:13px;}
.login-tabs{display:flex;background:#f3f4f6;border-radius:12px;padding:3px;margin-bottom:20px;}
.login-tab{flex:1;padding:8px;border:none;border-radius:9px;background:none;
  font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:.2s;}
.login-tab.active{background:#fff;color:#6366f1;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.login-input{width:100%;padding:11px 14px;border:2px solid #e5e7eb;border-radius:11px;
  font-size:13px;font-family:inherit;margin-bottom:10px;box-sizing:border-box;outline:none;transition:.2s;}
.login-input:focus{border-color:#6366f1;}
.login-submit{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);
  color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:800;cursor:pointer;
  font-family:inherit;transition:.2s;margin-top:4px;}
.login-submit:hover{opacity:.9;}

.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#9ca3af;font-size:12px;}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:#e5e7eb;}
.login-google-btn{width:100%;padding:11px;border:2px solid #e5e7eb;border-radius:11px;
  background:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;
  display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s;}
.login-google-btn:hover{border-color:#6366f1;background:#eef2ff;}
.login-msg{margin-top:10px;font-size:12px;padding:8px 12px;border-radius:8px;display:none;}
.login-msg.error{background:#fef2f2;color:#dc2626;display:block;}
.login-msg.success{background:#f0fdf4;color:#16a34a;display:block;}


.modal-scroll-box{
  max-height:90vh;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.25) transparent;
}
.modal-scroll-box::-webkit-scrollbar{width:6px;}
.modal-scroll-box::-webkit-scrollbar-track{background:transparent;}
.modal-scroll-box::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:3px;}
.modal-scroll-box::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5);}


@media(max-width:640px){
  .landing-header-inner{padding:6px 10px;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .landing-header-inner::-webkit-scrollbar{display:none;}
  .landing-title-group p{display:none;}
  .landing-title-group h1{font-size:.95em;}
  .header-right-actions{gap:4px;}
  .hdr-btn-txt{display:none;}
  #lpHeaderLoginBtn span:last-child{display:none;}
  
  #lpHeaderUserName{max-width:46px;}
  #lpHeaderLogoutBtn{flex-shrink:0;padding:7px 11px;}
}
@media(max-width:420px){
  
  #lpHeaderUserName{display:none;}
  #lpHeaderUserInfo{padding:4px;}
}
@media(max-width:480px){
  .hdr-tg-btn,.hdr-yt-btn{display:none;}
  .header-badges-strip{display:none;}
}

#suvicharWidget{
  background:transparent;
  border:none;border-radius:0;padding:0;
  margin-bottom:18px;position:relative;overflow:visible;
}
#suvicharWidget::before{
  content:'';
}
.suvichar-label{font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.6px;color:#d97706;margin-bottom:6px;}
.suvichar-text{font-size:15px;font-weight:700;color:#1f2937;line-height:1.55;
  font-style:italic;}
.suvichar-author{font-size:12px;color:#6b7280;margin-top:6px;}
.suvichar-date{font-size:11px;color:#d97706;margin-top:2px;font-weight:700;}

.wr-section{display:none;}
.wr-section.active{display:block;}
.wr-date-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.wr-date-badge{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;}
.wr-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.wr-card:hover{box-shadow:0 4px 16px rgba(99,102,241,.12);border-color:#c7d2fe;}
.wr-q-num{display:inline-block;width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:8px;text-align:center;line-height:28px;font-size:12px;font-weight:800;margin-right:10px;flex-shrink:0;}
.wr-q-text{font-size:14px;font-weight:600;color:#1f2937;line-height:1.6;}
.wr-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.wr-opt{padding:9px 14px;border-radius:10px;border:2px solid #e5e7eb;background:#f9fafb;font-size:13px;cursor:pointer;transition:.2s;text-align:left;font-family:inherit;}
.wr-opt:hover{border-color:#6366f1;background:#eef2ff;}
.wr-opt.correct{background:#d1fae5;border-color:#34d399;color:#065f46;}
.wr-opt.wrong{background:#fee2e2;border-color:#f87171;color:#991b1b;}
.wr-opt.reveal{background:#dbeafe;border-color:#60a5fa;color:#1e40af;}
.wr-exp{margin-top:10px;padding:10px 14px;background:#f0fdf4;border-radius:10px;border-left:4px solid #34d399;font-size:13px;color:#065f46;display:none;}
.wr-loading{text-align:center;padding:40px;color:#6b7280;}
.wr-empty{text-align:center;padding:40px;}
.wr-empty-icon{font-size:3em;margin-bottom:12px;}
.wr-score-bar{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:14px;padding:16px;margin-bottom:20px;display:none;}
.wr-filter-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.wr-filter{padding:6px 14px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;}
.wr-filter.active{background:#6366f1;color:#fff;border-color:#6366f1;}




.section-content, .section-content > .wrap{
  max-width:100%;
  box-sizing:border-box;
}

.card, .ap-card{
  max-width:100%;
  box-sizing:border-box;
}

@media(max-width:480px){
  
  .landing-header-inner{padding:7px 10px;gap:6px;}
  .landing-logo-circle{width:36px;height:36px;border-radius:9px;}
  .landing-logo-circle svg{width:22px;height:22px;}
  .landing-title-group h1{font-size:.95em;white-space:nowrap;}
  .landing-title-group p{display:none;}
  .hdr-tg-btn,.hdr-yt-btn,.header-badges-strip{display:none!important;}
  .header-right-actions{gap:4px;}

  
  .hdr{padding:6px 8px;}
  .hdr-l{max-width:55vw;}
  .hdr-l h1{font-size:.72em;}

  
  .steno-hero{padding:18px 14px;}
  .steno-audio-header{flex-direction:column;align-items:flex-start;gap:8px;}

  
  .mock-phase-bar{gap:4px;}
  .mock-step{padding:6px 8px;font-size:10px;min-width:0;}

  
  #mockResultSection [style*="grid-template-columns:repeat(2,1fr)"]{
    grid-template-columns:1fr!important;
  }

  
  .ap-table{font-size:11px;}
  .ap-btn{padding:4px 8px;font-size:10px;}

  
  .wrap{padding:0 6px 20px;}
  .card{padding:12px 10px;}
}


@media(max-width:360px){
  .landing-title-group h1{font-size:.85em;}
  .stab{padding:8px 10px;font-size:11px;}
  .wrap{padding:0 4px 16px;}
  .card{padding:10px 8px;border-radius:10px;}
}


@media(min-width:761px) and (max-width:1024px){
  .wrap{padding:0 14px 36px;}
  .card{padding:20px 22px;}
  
  .thmbtn{font-size:10px;padding:4px 8px;}
  .tglink{font-size:11px;padding:4px 9px;}
}



  .qp-card{background:var(--surface2);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .2s;}
  .qp-card:hover{box-shadow:0 4px 16px rgba(124,58,237,.12);border-color:rgba(124,58,237,.3);transform:translateY(-1px);}
  .qp-card-icon{font-size:1.6em;flex-shrink:0;}
  .qp-card-info{flex:1;}
  .qp-card-title{font-size:13.5px;font-weight:800;color:var(--text);}
  .qp-card-sub{font-size:11px;color:var(--text-m);margin-top:2px;}
  .qp-view-btn{padding:6px 14px;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;}
  .qp-add-card{border:2px dashed var(--border);background:transparent;justify-content:center;padding:20px;}
  


#tuExamSubModal { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Devanagari',sans-serif; }
#tuExamSubModal .esm-backdrop { position:fixed;inset:0;background:rgba(10,20,50,0.72);z-index:99999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);padding:16px; }
#tuExamSubModal .esm-box { background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,0.35); }
#tuExamSubModal .esm-header { padding:22px 24px 0;position:relative;flex-shrink:0; }
#tuExamSubModal .esm-header-bg { position:absolute;inset:0;border-radius:24px 24px 0 0;opacity:.07;background:var(--esm-color,#1e40af); }
#tuExamSubModal .esm-close { position:absolute;top:14px;right:16px;background:rgba(0,0,0,.06);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:.15s; }
#tuExamSubModal .esm-close:hover { background:rgba(0,0,0,.13);color:#0f2444; }
#tuExamSubModal .esm-icon { font-size:32px;margin-bottom:6px; }
#tuExamSubModal .esm-title { font-size:18px;font-weight:900;color:#0f2444;margin:0 0 3px; }
#tuExamSubModal .esm-sub { font-size:12px;color:#64748b;margin:0 0 18px; }
#tuExamSubModal .esm-scroll { overflow-y:auto;padding:0 20px 22px;flex:1; }
#tuExamSubModal .esm-scroll::-webkit-scrollbar { width:4px; }
#tuExamSubModal .esm-scroll::-webkit-scrollbar-thumb { background:#cbd5e1;border-radius:4px; }
#tuExamSubModal .esm-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
#tuExamSubModal .esm-card { border:2px solid #e8eef6;border-radius:16px;padding:16px 12px;cursor:pointer;text-align:center;transition:all .18s;background:#fff;position:relative;overflow:hidden; }
#tuExamSubModal .esm-card:hover { transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1); }
#tuExamSubModal .esm-card.esm-all { grid-column:1/-1;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 18px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-color:#bfdbfe; }
#tuExamSubModal .esm-card.esm-all:hover { background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#93c5fd; }
#tuExamSubModal .esm-card.esm-disabled { opacity:.42;cursor:default;pointer-events:none; }
#tuExamSubModal .esm-card-icon { font-size:26px;margin-bottom:8px;display:block; }
#tuExamSubModal .esm-card-name { font-weight:800;font-size:13px;color:#0f2444;line-height:1.3;margin-bottom:4px; }
#tuExamSubModal .esm-card-count { font-size:11px;color:#64748b;font-weight:600; }
#tuExamSubModal .esm-card-stripe { position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0; }
#tuExamSubModal .esm-all-icon { font-size:28px;flex-shrink:0; }
#tuExamSubModal .esm-all-text .esm-card-name { font-size:14px; }




@font-face {
  font-family: 'QuestionFont';
  src: local('Roboto'), local('Inter');
  unicode-range: U+0000-024F, U+0250-02AF, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-21BB, U+2212, U+2215, U+FEFF, U+FFFD;
  font-weight: 400 700;
}
@font-face {
  font-family: 'QuestionFont';
  src: local('Noto Sans Devanagari'), local('Mukta'), local('Hind');
  unicode-range: U+0900-097F, U+1CD0-1CFF, U+A8E0-A8FF, U+0951-0952;
  font-weight: 400 700;
}
#tuOfflineOverlay { font-family:'Noto Sans Devanagari','Mukta','Hind',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
#tuOfflinePaper::-webkit-scrollbar,#tuOMRGrid::-webkit-scrollbar { width:5px; }
#tuOfflinePaper::-webkit-scrollbar-thumb,#tuOMRGrid::-webkit-scrollbar-thumb { background:#cbd5e1;border-radius:3px; }
.tu-omr-bubble {
  width:38px;height:38px;border-radius:50%;border:2.5px solid #94a3b8;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#475569;
  transition:all .2s cubic-bezier(.34,1.56,.64,1);
  background:#fafafa;flex-shrink:0;position:relative;overflow:hidden;user-select:none;
}
.tu-omr-bubble:hover { border-color:#3b82f6;color:#1d4ed8;background:#eff6ff;transform:scale(1.1); }
.tu-omr-bubble.tu-filled { background:#1e3a5f;border-color:#1e3a5f;color:#fff;box-shadow:0 0 0 3px rgba(30,58,95,0.2); }
.tu-omr-bubble.tu-correct { background:#16a34a;border-color:#16a34a;color:#fff;box-shadow:0 0 0 3px rgba(22,163,74,0.2); }
.tu-omr-bubble.tu-wrong { background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 0 0 3px rgba(220,38,38,0.2); }
.tu-omr-mini { width:26px;height:26px;border-radius:50%;border:2px solid #cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#94a3b8;transition:all .18s;flex-shrink:0;background:#fff; }
.tu-omr-mini:hover { border-color:#3b82f6;color:#1d4ed8; }
.tu-omr-mini.tu-filled { background:#1e3a5f;border-color:#1e3a5f;color:#fff; }
.tu-omr-mini.tu-correct { background:#16a34a;border-color:#16a34a;color:#fff; }
.tu-omr-mini.tu-wrong { background:#dc2626;border-color:#dc2626;color:#fff; }

.tu-q-card { background:#fff; border-bottom:1px solid #e8ecf0; padding:10px 0 10px 0; margin-bottom:0; transition:background .15s; }
.tu-q-card:last-child { border-bottom:none; }
.tu-q-card:hover { background:#fafbff; }
.tu-q-card.tu-q-highlighted { background:#fffbeb; }
.tu-paper-qnum { display:inline-block; font-family:'QuestionFont','Noto Sans Devanagari','Roboto','Inter','Mukta','Hind',sans-serif; font-size:15pt; font-weight:bold; color:#0f2444; min-width:32px; -webkit-font-smoothing:antialiased; }
.tu-paper-qtext { font-family:'QuestionFont','Noto Sans Devanagari','Roboto','Inter','Mukta','Hind',sans-serif; font-size:15pt; color:#000; line-height:1.9; font-weight:normal; -webkit-font-smoothing:antialiased; letter-spacing:0.1px; }
.tu-paper-opts { display:table; width:100%; margin-top:10px; }
.tu-paper-optrow { display:table-row; }
.tu-paper-opt { display:table-cell; width:50%; padding:5px 8px 5px 0; font-family:'QuestionFont','Noto Sans Devanagari','Roboto','Inter','Mukta','Hind',sans-serif; font-size:14pt; color:#1a1a1a; line-height:1.8; vertical-align:top; cursor:pointer; border-radius:4px; transition:background .12s; -webkit-font-smoothing:antialiased; letter-spacing:0.1px; }
.tu-paper-opt:hover { background:#f0f4ff; }
.tu-paper-opt.tu-opt-selected { background:#dbeafe; font-weight:bold; }
.tu-paper-opt.tu-opt-selected .tu-opt-letter { background:#1e3a5f; color:#fff; }
.tu-paper-opt.tu-opt-correct { background:#f0fdf4; }
.tu-paper-opt.tu-opt-correct .tu-opt-letter { background:#16a34a; color:#fff; }
.tu-paper-opt.tu-opt-wrong { background:#fff1f2; }
.tu-paper-opt.tu-opt-wrong .tu-opt-letter { background:#dc2626; color:#fff; }
.tu-opt-letter { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; border:1.5px solid #94a3b8; font-size:11px; font-weight:800; color:#475569; margin-right:5px; flex-shrink:0; vertical-align:middle; }
.tu-section-header { background:#1a1a6e; color:#fff; text-align:center; font-family:serif; font-size:12.5pt; font-weight:bold; padding:5px 0; margin:14px 0 4px 0; letter-spacing:.5px; }



  .court-note-card{background:var(--card);border-radius:14px;padding:18px 20px;margin-bottom:14px;border:1.5px solid var(--border);box-shadow:0 2px 10px var(--shadow);transition:all .2s;}
  .court-note-card:hover{box-shadow:0 6px 20px var(--shadow);transform:translateY(-1px);}
  .court-note-badge{display:inline-block;padding:2px 9px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
  .court-note-badge.bhc{background:#dbeafe;color:#1d4ed8;}
  .court-note-badge.district{background:#d1fae5;color:#065f46;}
  .court-note-badge.revenue{background:#fef9c3;color:#92400e;}
  .court-note-badge.pattern{background:#ede9fe;color:#6d28d9;}
  .court-note-badge.syllabus{background:#d1fae5;color:#065f46;}
  .court-note-badge.tips{background:#fef3c7;color:#92400e;}
  .court-note-badge.news{background:#fee2e2;color:#b91c1c;}
  .court-note-badge.general{background:#e0f2fe;color:#0369a1;}
  .court-note-date{font-size:11px;color:var(--text-m);margin-top:6px;display:flex;align-items:center;gap:4px;}
  .court-note-content{font-size:13.5px;color:var(--text);line-height:1.7;margin-top:10px;white-space:pre-wrap;}
  



.kb-guide-wrap{max-width:1100px;margin:0 auto;padding:20px 16px 80px;}
.kb-hero{background:linear-gradient(135deg,#0369a1,#0ea5e9,#38bdf8);border-radius:20px;padding:28px 32px;margin-bottom:28px;color:#fff;position:relative;overflow:hidden;}
.kb-hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.07);border-radius:50%;}
.kb-hero h2{font-size:1.6em;font-weight:900;margin:0 0 6px;position:relative;z-index:1;}
.kb-hero p{font-size:13px;opacity:.85;margin:0;position:relative;z-index:1;}
.kb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.kb-tab-btn{padding:9px 18px;border:2px solid #e0f2fe;border-radius:10px;background:#fff;color:#0369a1;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap;}
.kb-tab-btn.active,.kb-tab-btn:hover{background:linear-gradient(135deg,#0369a1,#0ea5e9);color:#fff;border-color:#0369a1;box-shadow:0 4px 14px rgba(3,105,161,.3);}
.kb-category{display:none;}
.kb-category.active{display:block;}
.kb-cat-header{background:linear-gradient(135deg,#0369a1,#0284c7);border-radius:14px;padding:18px 22px;margin-bottom:16px;color:#fff;display:flex;align-items:center;gap:14px;}
.kb-cat-icon{font-size:2em;flex-shrink:0;}
.kb-cat-title{font-size:1.15em;font-weight:900;}
.kb-cat-sub{font-size:12px;opacity:.8;margin-top:2px;}
.kb-search-bar{width:100%;padding:11px 16px;border:2px solid #e0f2fe;border-radius:12px;font-size:14px;font-family:inherit;margin-bottom:18px;background:var(--surface2);color:var(--text);outline:none;transition:border .2s;}
.kb-search-bar:focus{border-color:#0369a1;box-shadow:0 0 0 4px rgba(3,105,161,.1);}
.kb-table-wrap{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.07);margin-bottom:20px;}
.kb-table{width:100%;border-collapse:collapse;}
.kb-table thead tr{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;}
.kb-table thead th{padding:13px 16px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;}
.kb-table tbody tr{border-bottom:1px solid var(--border);}
.kb-table tbody tr:last-child{border:none;}
.kb-table tbody tr:hover{background:rgba(3,105,161,.04);}
.kb-table td{padding:11px 16px;font-size:13px;color:var(--text);vertical-align:middle;}
.kb-table td:first-child{color:var(--text-m);font-size:12.5px;width:40%;}
.kb-keys{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
kbd.key{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-bottom:3px solid #94a3b8;border-radius:6px;font-size:11.5px;font-weight:700;color:#1e293b;font-family:'JetBrains Mono','Courier New',monospace;white-space:nowrap;box-shadow:0 1px 0 #fff inset,0 2px 4px rgba(0,0,0,.1);letter-spacing:0;}
.kb-plus{font-weight:900;color:var(--text-m);font-size:12px;padding:0 2px;}
.kb-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;}
.kb-tag.essential{background:#dcfce7;color:#15803d;}
.kb-tag.advanced{background:#ede9fe;color:#7c3aed;}
.kb-tag.common{background:#dbeafe;color:#1d4ed8;}
.kb-count-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;margin-top:8px;}
@media(max-width:640px){
  .kb-table td{padding:9px 10px;font-size:12px;}
  kbd.key{font-size:10.5px;min-width:26px;height:25px;padding:0 5px;}
  .kb-cat-header{padding:14px 16px;}
  .kb-cat-title{font-size:1em;}
}



@keyframes lm-fadeIn { from{opacity:0;transform:translateY(24px) scale(.97);} to{opacity:1;transform:translateY(0) scale(1);} }
@keyframes lm-shake  { 0%,100%{transform:translateX(0);} 15%{transform:translateX(-7px);} 30%{transform:translateX(7px);} 45%{transform:translateX(-5px);} 60%{transform:translateX(5px);} 75%{transform:translateX(-3px);} 90%{transform:translateX(3px);} }
@keyframes lm-spin   { to{transform:rotate(360deg);} }
@keyframes lm-pop    { from{transform:scale(0) rotate(-10deg);opacity:0;} 60%{transform:scale(1.15) rotate(3deg);} to{transform:scale(1) rotate(0);opacity:1;} }
@keyframes lm-bgDot  { 0%,100%{opacity:.35;transform:scale(1);}  50%{opacity:.6;transform:scale(1.08);} }
@keyframes gPulse    { 0%,100%{box-shadow:0 8px 32px rgba(66,133,244,.25);} 50%{box-shadow:0 8px 48px rgba(66,133,244,.45);} }
#lm-card.lm-shake { animation: lm-shake .45s ease-in-out; }
#google-signin-btn-wrapper { animation: gPulse 3s ease-in-out infinite; border-radius: 14px; }



.dict-chip {
  padding: 5px 13px;
  background: rgba(124,58,237,.08);
  color: #7c3aed;
  border: 1px solid rgba(124,58,237,.2);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all .2s;
}
.dict-chip:hover {
  background: #7c3aed;
  color: #fff;
  border-color: #7c3aed;
}

.dt-subtab-bar{
  display:flex;gap:6px;padding:10px 16px 0;
  border-bottom:2px solid var(--border);
  background:var(--surface);flex-wrap:nowrap;
  overflow-x:auto;scrollbar-width:none;
}
.dt-subtab-bar::-webkit-scrollbar{display:none;}
.dt-stab{
  flex:0 0 auto;
  padding:9px 18px;font-size:13px;font-weight:700;
  border:none;border-radius:10px 10px 0 0;cursor:pointer;
  background:var(--surface2);color:var(--text-m);
  font-family:inherit;transition:all .2s;
  display:flex;align-items:center;gap:6px;
  position:relative;bottom:-2px;
  border-bottom:3px solid transparent;
}
.dt-stab.dt-stab-active{
  background:var(--surface);color:var(--blue);
  border-bottom:3px solid var(--blue);
  box-shadow:0 -2px 8px rgba(37,99,235,.1);
}
.dt-stab:hover:not(.dt-stab-active){background:var(--surface);color:var(--text);}
.dt-badge{background:#ef4444;color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:6px;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.6;}}




#adminPanelOverlay{display:none;position:fixed;inset:0;z-index:199999;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);overflow:visible;padding:20px;align-items:center;justify-content:center;}
@media(max-width:600px){#adminPanelOverlay{padding:8px;}#adminPanelBox{border-radius:12px;}.ap-header{padding:14px 16px;}.ap-header h2{font-size:1.1em;}.ap-tabs{overflow-x:auto;}.ap-tab-btn{white-space:nowrap;font-size:12px;padding:10px 12px;}.ap-section{padding:14px 12px!important;}.ap-table{font-size:11px;}.ap-table th,.ap-table td{padding:7px 8px;}.ap-btn{padding:4px 7px;font-size:10px;}}
#adminPanelBox{background:#fff;border-radius:20px;max-width:1100px;width:100%;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 40px);}
.ap-header{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.ap-header h2{margin:0;font-size:1.4em;font-weight:900;}
.ap-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.2em;cursor:pointer;}
.ap-close:hover{background:rgba(255,255,255,.3);}
.ap-tabs{display:flex;border-bottom:2px solid #e5e7eb;background:#f9fafb;flex-shrink:0;overflow-x:auto;}
.ap-tab{padding:12px 20px;border:none;background:none;font-size:13px;font-weight:700;cursor:pointer;color:#6b7280;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.2s;font-family:inherit;white-space:nowrap;}
.ap-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;background:#fff;}
.ap-body{padding:24px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(99,179,237,.3) transparent;}
.ap-body::-webkit-scrollbar{width:6px;}
.ap-body::-webkit-scrollbar-track{background:#f0f4ff;border-radius:10px;}
.ap-body::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px;}
.ap-body::-webkit-scrollbar-thumb:hover{background:#a5b4fc;}
.ap-section{display:none;}
.ap-section.active{display:block;}
.ap-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px;}
.ap-stat{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:14px;padding:16px;text-align:center;border:1px solid #c7d2fe;}
.ap-stat .num{font-size:2em;font-weight:900;color:#4f46e5;line-height:1;}
.ap-stat .lbl{font-size:11px;color:#6b7280;font-weight:600;margin-top:4px;}
.ap-table{width:100%;border-collapse:collapse;font-size:13px;}
.ap-table th{background:#f3f4f6;padding:10px 12px;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb;}
.ap-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle;}
.ap-table tr:hover td{background:#fafafa;}
.ap-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;}
.ap-badge.premium{background:#d1fae5;color:#065f46;}
.ap-badge.trial{background:#fef3c7;color:#92400e;}
.ap-badge.expired{background:#fee2e2;color:#991b1b;}
.ap-badge.blocked{background:#f3f4f6;color:#6b7280;}
.ap-btn{padding:5px 12px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:.2s;font-family:inherit;margin:2px;}
.ap-btn.green{background:#d1fae5;color:#065f46;}
.ap-btn.green:hover{background:#6ee7b7;}
.ap-btn.red{background:#fee2e2;color:#991b1b;}
.ap-btn.red:hover{background:#fca5a5;}
.ap-btn.blue{background:#dbeafe;color:#1e40af;}
.ap-btn.blue:hover{background:#93c5fd;}
.ap-btn.orange{background:#fef3c7;color:#92400e;}
.ap-btn.orange:hover{background:#fcd34d;}
.ap-search{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:13px;margin-bottom:16px;font-family:inherit;outline:none;box-sizing:border-box;}
.ap-search:focus{border-color:#4f46e5;}
.ap-loading{text-align:center;padding:40px;color:#6b7280;}
.ap-empty{text-align:center;padding:40px;color:#9ca3af;}
.ap-form-group{margin-bottom:14px;}
.ap-form-group label{display:block;font-size:12px;font-weight:700;color:#374151;margin-bottom:5px;}
.ap-form-group input,.ap-form-group select,.ap-form-group textarea{width:100%;padding:9px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;}
.ap-form-group input:focus,.ap-form-group select:focus,.ap-form-group textarea:focus{border-color:#4f46e5;}
.ap-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ap-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px;}
.ap-csection{display:block;}
.ap-list-box{max-height:250px;overflow-y:auto;}
.ap-card h4{margin:0 0 12px;font-size:14px;color:#374151;}