/* TalkOn public home refresh v2.44 — richer commercial landing, no app logic changes */
:root{
  --tk-lime:#83E949;
  --tk-mint:#2CE6D6;
  --tk-cyan:#39D5FF;
  --tk-violet:#8F63FF;
  --tk-pink:#FF5A9D;
  --tk-amber:#FFC857;
  --tk-ink:#07111F;
  --tk-panel:#0E1930;
  --tk-panel-2:#13213D;
  --tk-soft:#A9B4CF;
}
body{
  background:
    radial-gradient(circle at 85% 6%,rgba(143,99,255,.16),transparent 30rem),
    radial-gradient(circle at 8% 22%,rgba(44,230,214,.11),transparent 28rem),
    radial-gradient(circle at 72% 72%,rgba(255,90,157,.08),transparent 30rem),
    #081225;
  font-family:"Aptos","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif;
}
.hero h1,.section-heading h2,.scenario-copy h2,.final-cta h2,.home-section-title{
  font-family:"Aptos Display","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
}
.site-header{
  background:rgba(7,17,31,.78);
  border-bottom-color:rgba(255,255,255,.08);
}
.nav{height:82px}
.site-header .official-logo-frame{
  background:linear-gradient(135deg,#fff,#F1F4FF);
  border-color:rgba(57,213,255,.28);
  box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.03);
}
.nav-links{gap:22px;color:#B6C1DA;font-weight:650}
.nav-links a{position:relative}
.nav-links a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--tk-mint),var(--tk-lime));transition:right .18s ease;
}
.nav-links a:hover:after{right:0}
.nav-login{color:#AAB5CF}
.button-small{
  background:linear-gradient(135deg,var(--tk-lime),var(--tk-mint));
  color:#06111D;
  box-shadow:0 12px 28px rgba(44,230,214,.18);
}
.hero{
  min-height:800px;
  padding-top:84px;
  padding-bottom:98px;
  position:relative;
}
.hero:before{
  content:"";position:absolute;left:-12vw;top:8%;width:60vw;height:60vw;border-radius:50%;
  background:radial-gradient(circle,rgba(57,213,255,.08),transparent 62%);pointer-events:none;
}
.eyebrow{
  width:max-content;
  padding:9px 12px;
  border:1px solid rgba(44,230,214,.20);
  border-radius:999px;
  background:rgba(44,230,214,.06);
  color:#9BFFF1;
}
.hero h1{
  font-size:clamp(58px,6.8vw,94px);
  line-height:.92;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.hero h1 span{
  background:linear-gradient(90deg,var(--tk-lime) 0%,var(--tk-mint) 33%,var(--tk-cyan) 68%,#B59BFF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-subtitle{color:#B4C0D8;font-size:19px;max-width:690px}
.hero-actions .button{min-height:52px;border-radius:15px}
.button-primary{
  background:linear-gradient(135deg,var(--tk-lime),var(--tk-mint));
  box-shadow:0 18px 40px rgba(44,230,214,.16);
}
.button-secondary{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.12);
  color:#E7ECF7;
}
.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-badges span{
  padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025);color:#9EABC7;font-size:11px;font-weight:700
}
.hero-badges span:nth-child(1){border-color:rgba(131,233,73,.22);color:#B9F88F;background:rgba(131,233,73,.055)}
.hero-badges span:nth-child(2){border-color:rgba(57,213,255,.2);color:#8DE9FF;background:rgba(57,213,255,.05)}
.hero-badges span:nth-child(3){border-color:rgba(255,90,157,.19);color:#FF9FC4;background:rgba(255,90,157,.05)}
.trust-row{border-top-color:rgba(255,255,255,.08)}
.trust-row strong{color:#E8ECF7}
.trust-row span{color:#7785A3}
.product-window{
  border-color:rgba(57,213,255,.18);
  background:linear-gradient(160deg,#111F3B,#0C172D 64%,#101B34);
  box-shadow:0 45px 120px rgba(1,8,22,.48),0 0 80px rgba(143,99,255,.06);
}
.product-window:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(44,230,214,.06),transparent 30%,transparent 70%,rgba(255,90,157,.05));
}
.product-halo{
  background:radial-gradient(circle,rgba(44,230,214,.22),rgba(143,99,255,.10) 45%,transparent 70%);
}
.coach-panel{
  background:radial-gradient(circle at 100% 0%,rgba(131,233,73,.10),transparent 38%),linear-gradient(145deg,#121F3B,#0F1A31);
  border-color:rgba(44,230,214,.18);
}
.ai-orb{background:linear-gradient(145deg,var(--tk-lime),var(--tk-mint),var(--tk-cyan))}
.speak-button{background:linear-gradient(90deg,var(--tk-lime),var(--tk-mint));color:#071321}
.metric-card{background:#0D1830;border-color:rgba(255,255,255,.075)}
.metric-card:nth-child(1){box-shadow:inset 0 2px 0 rgba(131,233,73,.45)}
.metric-card:nth-child(2){box-shadow:inset 0 2px 0 rgba(57,213,255,.45)}
.metric-card:nth-child(3){box-shadow:inset 0 2px 0 rgba(255,90,157,.45)}
.smart-plan{background:linear-gradient(135deg,rgba(143,99,255,.12),rgba(44,230,214,.05))}
.signal-strip{
  background:linear-gradient(90deg,rgba(131,233,73,.035),rgba(44,230,214,.035),rgba(143,99,255,.035));
}
.signal-inner strong{
  color:#D8FFB8;
  background:linear-gradient(90deg,var(--tk-lime),var(--tk-mint));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.home-proof{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:24px;padding-bottom:24px
}
.proof-item{
  min-height:118px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  position:relative;overflow:hidden;
}
.proof-item:before{
  content:"";position:absolute;width:100px;height:100px;right:-30px;top:-40px;border-radius:50%;filter:blur(12px);
}
.proof-item:nth-child(1):before{background:rgba(131,233,73,.13)}
.proof-item:nth-child(2):before{background:rgba(44,230,214,.13)}
.proof-item:nth-child(3):before{background:rgba(143,99,255,.14)}
.proof-item:nth-child(4):before{background:rgba(255,90,157,.12)}
.proof-item strong{display:block;font-size:30px;letter-spacing:-.04em}
.proof-item span{display:block;margin-top:5px;color:#9BA7C1;font-size:12px;line-height:1.45}
.proof-item small{display:block;margin-bottom:8px;color:#667696;font-size:9px;font-weight:900;letter-spacing:.13em}

.home-section{padding:116px 0}
.home-section + .home-section{border-top:1px solid rgba(255,255,255,.06)}
.home-section-head{max-width:900px;margin-bottom:42px}
.home-kicker{
  display:inline-flex;align-items:center;gap:8px;color:#A7F7DE;font-size:11px;font-weight:900;letter-spacing:.16em
}
.home-kicker:before{content:"";width:18px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--tk-lime),var(--tk-mint))}
.home-section-title{margin:14px 0 0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em}
.home-section-title span{
  background:linear-gradient(90deg,#fff 0%,#8EDBFF 44%,#B9A8FF 78%,#FF9EC5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.home-section-lead{max-width:760px;margin:20px 0 0;color:#99A6C0;font-size:16px;line-height:1.75}

.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.capability-card{
  min-height:220px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;
  background:linear-gradient(145deg,rgba(18,31,58,.9),rgba(11,21,42,.94));position:relative;overflow:hidden;
  transition:transform .18s ease,border-color .18s ease;
}
.capability-card:hover{transform:translateY(-4px);border-color:rgba(57,213,255,.22)}
.capability-icon{
  width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-weight:900;
  color:#07111F;border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.capability-card:nth-child(1) .capability-icon,.capability-card:nth-child(5) .capability-icon{background:linear-gradient(135deg,var(--tk-lime),#D7FF7C)}
.capability-card:nth-child(2) .capability-icon,.capability-card:nth-child(6) .capability-icon{background:linear-gradient(135deg,var(--tk-mint),var(--tk-cyan))}
.capability-card:nth-child(3) .capability-icon,.capability-card:nth-child(7) .capability-icon{background:linear-gradient(135deg,#B28BFF,var(--tk-violet))}
.capability-card:nth-child(4) .capability-icon,.capability-card:nth-child(8) .capability-icon{background:linear-gradient(135deg,#FF90BC,var(--tk-pink))}
.capability-card h3{margin:28px 0 10px;font-size:19px;letter-spacing:-.025em}
.capability-card p{margin:0;color:#8794B0;font-size:13px;line-height:1.6}
.capability-card b{
  position:absolute;right:18px;top:18px;color:#5B6988;font-size:9px;letter-spacing:.12em
}

.levels-wrap{
  padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:30px;
  background:
    radial-gradient(circle at 95% 0%,rgba(255,90,157,.09),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(44,230,214,.08),transparent 35%),
    #0D1830;
}
.level-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.level-card{
  min-height:180px;padding:18px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:rgba(255,255,255,.018);position:relative;overflow:hidden;
}
.level-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--level-accent)}
.level-card:nth-child(1){--level-accent:#83E949}.level-card:nth-child(2){--level-accent:#B7F45D}
.level-card:nth-child(3){--level-accent:#2CE6D6}.level-card:nth-child(4){--level-accent:#39D5FF}
.level-card:nth-child(5){--level-accent:#8F63FF}.level-card:nth-child(6){--level-accent:#C572FF}
.level-card:nth-child(7){--level-accent:#FF5A9D}
.level-code{font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--level-accent)}
.level-card strong{display:block;margin-top:18px;font-size:13px}
.level-card p{margin:7px 0 0;color:#7F8DAA;font-size:11px;line-height:1.5}
.levels-note{
  display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);color:#8390AD;font-size:12px;line-height:1.6
}
.levels-note b{color:#DDE5F5}

.content-depth{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.content-panel{
  padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:26px;
  background:linear-gradient(145deg,#101E39,#0B162C)
}
.content-panel h3{margin:0;font-size:24px;letter-spacing:-.03em}
.content-panel>p{color:#8D9AB6;line-height:1.65;font-size:13px}
.content-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}
.content-stat{
  padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)
}
.content-stat strong{display:block;font-size:25px;letter-spacing:-.03em}
.content-stat span{display:block;margin-top:4px;color:#7C89A7;font-size:10px}
.content-stat:nth-child(1) strong{color:#B9F88F}.content-stat:nth-child(2) strong{color:#83EBFF}
.content-stat:nth-child(3) strong{color:#BDA8FF}.content-stat:nth-child(4) strong{color:#FF9FC4}
.path-list{display:grid;gap:8px;margin-top:20px}
.path-row{
  display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 13px;border-radius:14px;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)
}
.path-row i{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:900;
  background:linear-gradient(135deg,rgba(44,230,214,.16),rgba(143,99,255,.16));color:#C9FFF7
}
.path-row strong{font-size:12px}.path-row span{display:block;color:#73809E;font-size:10px;margin-top:3px}
.path-row em{font-style:normal;color:#7CE9D8;font-size:9px;font-weight:800}

.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.track-card{
  min-height:150px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.018)
}
.track-card span{font-size:24px}.track-card strong{display:block;margin-top:20px;font-size:15px}
.track-card p{margin:7px 0 0;color:#7D8AA8;font-size:11px;line-height:1.5}

.feature-card{
  background:linear-gradient(145deg,rgba(19,34,62,.94),rgba(11,22,43,.95));
  border-color:rgba(255,255,255,.08)
}
.feature-card:nth-child(1) .feature-icon{color:#B7F45D;background:rgba(131,233,73,.08);border-color:rgba(131,233,73,.22)}
.feature-card:nth-child(2) .feature-icon{color:#67EAF9;background:rgba(44,230,214,.08);border-color:rgba(44,230,214,.22)}
.feature-card:nth-child(3) .feature-icon{color:#C5A7FF;background:rgba(143,99,255,.10);border-color:rgba(143,99,255,.22)}

.institution-banner{
  margin-top:28px;padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;
  border:1px solid rgba(44,230,214,.17);border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(143,99,255,.13),transparent 35%),
    radial-gradient(circle at 0% 100%,rgba(44,230,214,.10),transparent 38%),
    #101D36;
}
.institution-banner h3{margin:0;font-size:32px;letter-spacing:-.04em}
.institution-banner p{color:#98A5C0;line-height:1.65}
.institution-points{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.institution-points span{
  padding:11px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);color:#B9C3DA;font-size:11px
}
.institution-points span:before{content:"✓";margin-right:7px;color:var(--tk-lime);font-weight:900}

.audience-grid article{
  background:linear-gradient(145deg,rgba(18,31,58,.9),rgba(11,21,42,.92));
  min-height:150px;border-radius:20px
}
.audience-grid article:nth-child(1){box-shadow:inset 0 3px 0 rgba(131,233,73,.55)}
.audience-grid article:nth-child(2){box-shadow:inset 0 3px 0 rgba(44,230,214,.55)}
.audience-grid article:nth-child(3){box-shadow:inset 0 3px 0 rgba(57,213,255,.55)}
.audience-grid article:nth-child(4){box-shadow:inset 0 3px 0 rgba(143,99,255,.55)}
.audience-grid article:nth-child(5){box-shadow:inset 0 3px 0 rgba(197,114,255,.55)}
.audience-grid article:nth-child(6){box-shadow:inset 0 3px 0 rgba(255,90,157,.55)}
.final-cta{
  background:
    radial-gradient(circle at 8% 100%,rgba(131,233,73,.10),transparent 38%),
    radial-gradient(circle at 95% 0%,rgba(143,99,255,.13),transparent 35%),
    linear-gradient(145deg,#111E38,#0B162C);
}
.final-cta h2 span{
  background:linear-gradient(90deg,var(--tk-lime),var(--tk-mint),var(--tk-cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent
}

@media(max-width:1080px){
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .level-grid{grid-template-columns:repeat(4,1fr)}
  .content-depth{grid-template-columns:1fr}
  .home-proof{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .nav{height:70px}
  .hero{padding-top:56px}
  .hero h1{font-size:clamp(48px,14vw,72px)}
  .hero-badges{margin-top:18px}
  .home-section{padding:84px 0}
  .home-section-title{font-size:42px}
  .home-proof{grid-template-columns:1fr 1fr}
  .proof-item{min-height:105px;padding:16px}
  .proof-item strong{font-size:25px}
  .capability-grid{grid-template-columns:1fr}
  .capability-card{min-height:190px}
  .levels-wrap{padding:20px}
  .level-grid{grid-template-columns:repeat(2,1fr)}
  .levels-note{align-items:flex-start;flex-direction:column}
  .track-grid{grid-template-columns:1fr 1fr}
  .institution-banner{grid-template-columns:1fr;padding:24px}
}
@media(max-width:520px){
  .home-proof{grid-template-columns:1fr}
  .proof-item{min-height:unset}
  .level-grid{grid-template-columns:1fr 1fr}
  .track-grid{grid-template-columns:1fr}
  .institution-points{grid-template-columns:1fr}
  .hero-badges span{font-size:10px}
}

/* TalkOn home continuation v2.44 — student journey, FAQ and nav refinements */
.nav-admin{
  padding:7px 10px;border:1px solid rgba(255,90,157,.18);border-radius:10px;
  color:#FF9FC4;background:rgba(255,90,157,.055);font-weight:850;letter-spacing:.04em
}
.nav-institution{color:#A8F7EC}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.journey-card{
  min-height:235px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;
  background:linear-gradient(145deg,rgba(18,31,58,.92),rgba(11,21,42,.95));
  position:relative;overflow:hidden
}
.journey-card:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--tk-lime),var(--tk-mint),var(--tk-cyan),var(--tk-violet),var(--tk-pink))
}
.journey-step{position:absolute;right:16px;top:16px;color:#52617F;font-size:9px;font-weight:900;letter-spacing:.13em}
.journey-symbol{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:21px;font-weight:900;
  color:#07111F;background:linear-gradient(135deg,var(--tk-lime),var(--tk-mint));box-shadow:0 14px 34px rgba(44,230,214,.12)
}
.journey-card:nth-child(2) .journey-symbol{background:linear-gradient(135deg,var(--tk-mint),var(--tk-cyan))}
.journey-card:nth-child(3) .journey-symbol{background:linear-gradient(135deg,var(--tk-cyan),#8FCBFF)}
.journey-card:nth-child(4) .journey-symbol{background:linear-gradient(135deg,#B695FF,var(--tk-violet));color:#fff}
.journey-card:nth-child(5) .journey-symbol{background:linear-gradient(135deg,#FF93BE,var(--tk-pink));color:#fff}
.journey-card h3{margin:28px 0 9px;font-size:17px;letter-spacing:-.025em}
.journey-card p{margin:0;color:#8391AE;font-size:12px;line-height:1.6}
.journey-card small{display:block;margin-top:20px;color:#657391;font-size:8px;font-weight:900;letter-spacing:.13em}
.journey-callout{
  margin-top:14px;padding:24px 26px;border:1px solid rgba(131,233,73,.16);border-radius:22px;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;
  background:radial-gradient(circle at 100% 0%,rgba(131,233,73,.08),transparent 30%),linear-gradient(145deg,#101D36,#0C172D)
}
.journey-callout span{color:#A7F083;font-size:9px;font-weight:900;letter-spacing:.15em}
.journey-callout strong{display:block;margin-top:7px;font-size:19px;letter-spacing:-.02em}
.journey-callout p{margin:7px 0 0;max-width:800px;color:#8693AF;font-size:11px;line-height:1.55}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.faq-item{
  border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:linear-gradient(145deg,rgba(18,31,58,.88),rgba(11,21,42,.92));overflow:hidden
}
.faq-item summary{
  list-style:none;cursor:pointer;padding:20px 48px 20px 20px;position:relative;
  font-size:14px;font-weight:800;color:#E6EBF7
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";position:absolute;right:18px;top:15px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  border:1px solid rgba(44,230,214,.16);background:rgba(44,230,214,.05);color:var(--tk-mint);font-size:18px
}
.faq-item[open] summary:after{content:"–";color:#FF9FC4;border-color:rgba(255,90,157,.18);background:rgba(255,90,157,.05)}
.faq-item p{margin:0;padding:0 20px 20px;color:#8794B0;font-size:12px;line-height:1.65}
@media(max-width:1100px){.journey-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){
  .journey-grid{grid-template-columns:1fr 1fr}
  .journey-callout{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
}
@media(max-width:520px){.journey-grid{grid-template-columns:1fr}}

/* TalkOn home continuation v2.44 — rich inside-a-level academic preview */
.study-preview{
  display:grid;grid-template-columns:210px minmax(0,1fr) 250px;gap:12px;
  padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:30px;
  background:
    radial-gradient(circle at 100% 0%,rgba(143,99,255,.10),transparent 28%),
    radial-gradient(circle at 0% 100%,rgba(44,230,214,.08),transparent 30%),
    #0B162B;
  box-shadow:0 34px 90px rgba(1,8,22,.24)
}
.study-sidebar,.study-insights,.study-main{
  border:1px solid rgba(255,255,255,.07);border-radius:22px;background:rgba(17,30,55,.86)
}
.study-sidebar{padding:16px}
.study-level-badge{display:flex;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.study-level-badge>span{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--tk-lime),var(--tk-mint));color:#07111F;font-size:16px;font-weight:950
}
.study-level-badge div{display:grid;gap:2px}.study-level-badge strong{font-size:11px}.study-level-badge small{color:#72809E;font-size:8px}
.study-nav{display:grid;gap:5px;margin-top:14px}
.study-nav span{
  min-height:38px;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px;
  padding:0 9px;border-radius:11px;color:#7D8AA7;border:1px solid transparent
}
.study-nav span i{font-style:normal;font-size:8px;color:#53617D}.study-nav span b{font-size:10px}
.study-nav span.is-active{color:#CFFFF5;background:rgba(44,230,214,.07);border-color:rgba(44,230,214,.14)}
.study-nav span.is-active i{color:var(--tk-mint)}
.study-main{padding:22px}
.study-topline{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}
.study-topline small{color:#7E8CA9;font-size:8px;font-weight:900;letter-spacing:.13em}
.study-topline h3{margin:5px 0 6px;font-size:27px;letter-spacing:-.04em}
.study-topline p{margin:0;max-width:720px;color:#8491AD;font-size:11px;line-height:1.55}
.study-progress-pill{
  padding:8px 10px;border-radius:999px;border:1px solid rgba(131,233,73,.18);
  background:rgba(131,233,73,.055);color:#BDF58E;font-size:8px;font-weight:900;white-space:nowrap
}
.study-goal{
  margin-top:16px;padding:15px;border-radius:15px;border:1px solid rgba(57,213,255,.12);
  background:linear-gradient(135deg,rgba(57,213,255,.05),rgba(143,99,255,.04))
}
.study-goal span{display:block;color:#6FDDF5;font-size:8px;font-weight:900;letter-spacing:.13em}
.study-goal strong{display:block;margin-top:5px;color:#CFD8EA;font-size:11px;line-height:1.5}
.study-module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
.study-module{
  min-height:116px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:start;
  padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.018)
}
.study-module-icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:950;font-size:15px
}
.study-module small{display:block;color:#687693;font-size:7px;font-weight:900;letter-spacing:.12em}
.study-module strong{display:block;margin-top:4px;font-size:10px}.study-module p{margin:4px 0 0;color:#7683A0;font-size:8px;line-height:1.45}
.study-module>b{font-size:7px;color:#5E6C88;white-space:nowrap}
.study-module.is-lime .study-module-icon{background:rgba(131,233,73,.09);border:1px solid rgba(131,233,73,.18);color:#B9F38E}
.study-module.is-cyan .study-module-icon{background:rgba(57,213,255,.08);border:1px solid rgba(57,213,255,.17);color:#8BEAFF}
.study-module.is-pink .study-module-icon{background:rgba(255,90,157,.08);border:1px solid rgba(255,90,157,.17);color:#FF9FC4}
.study-module.is-violet .study-module-icon{background:rgba(143,99,255,.09);border:1px solid rgba(143,99,255,.18);color:#C0A7FF}
.study-insights{padding:17px;display:flex;flex-direction:column}
.insight-head{display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.insight-head span{color:#7E8BA7;font-size:7px;font-weight:900;letter-spacing:.13em}.insight-head strong{font-size:13px}
.insight-stat{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}
.insight-stat span{color:#8996B1;font-size:9px}.insight-stat strong{font-size:11px}
.insight-stat i{grid-column:1/-1;height:4px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.insight-stat i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tk-lime),var(--tk-mint),var(--tk-cyan))}
.bar-74{width:74%}.bar-82{width:82%}.bar-61{width:61%}
.insight-focus{
  margin-top:18px;padding:14px;border-radius:14px;border:1px solid rgba(255,90,157,.13);
  background:rgba(255,90,157,.045)
}
.insight-focus.secondary{border-color:rgba(44,230,214,.13);background:rgba(44,230,214,.04)}
.insight-focus small{color:#FF91BD;font-size:7px;font-weight:900;letter-spacing:.13em}
.insight-focus.secondary small{color:#6FE8D7}.insight-focus strong{display:block;margin-top:6px;font-size:10px}
.insight-focus p{margin:5px 0 0;color:#75829E;font-size:8px;line-height:1.5}
.learning-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
.learning-pillars article{
  padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.016)
}
.learning-pillars span{color:#5F6E8B;font-size:8px;font-weight:900}.learning-pillars strong{display:block;margin-top:8px;font-size:11px}
.learning-pillars p{margin:5px 0 0;color:#74819E;font-size:8px;line-height:1.45}
@media(max-width:1100px){
  .study-preview{grid-template-columns:180px minmax(0,1fr)}
  .study-insights{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .insight-head{grid-column:1/-1}
}
@media(max-width:780px){
  .study-preview{grid-template-columns:1fr;padding:10px}
  .study-sidebar{display:none}
  .study-insights{grid-template-columns:1fr}
  .study-module-grid{grid-template-columns:1fr}
  .study-topline{grid-template-columns:1fr}
  .learning-pillars{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.learning-pillars{grid-template-columns:1fr}}