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

:root{
  --bg:#12161A;
  --ink:#EAF0EE;
  --dim:#8B9791;
  --dim2:#57625D;
  --acc:#4FE0C0;
  --glow:#7DEAD1;
  --ok:#4FE0C0;
  --bad:#FF6B7A;
  --warm:#FFB25F;
  --warm-glow:#FFCB8A;
  --line:rgba(79,224,192,.15);
  --line2:rgba(125,234,209,.4);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--ink);
  overflow-x:hidden;
  line-height:1.6;
  font-family:'Manrope','Segoe UI',sans-serif;
}
.fx{position:fixed;inset:0;z-index:-2;overflow:hidden}
.fx i{
  position:absolute;display:block;border-radius:50%;
  filter:blur(100px);
}
.fx .b1{
  width:1000px;height:600px;left:50%;bottom:-380px;
  margin-left:-500px;background:#1E6E5C;opacity:.42;
}
.fx .b2{
  width:600px;height:500px;left:-180px;top:-160px;
  background:#14332C;opacity:.5;
}
.fx .b3{
  width:520px;height:440px;right:-160px;top:40px;
  background:#3A2E1A;opacity:.3;
}
.floor{
  position:fixed;left:-30%;right:-30%;bottom:-12%;
  height:56vh;z-index:-1;
  background-image:
    linear-gradient(rgba(79,224,192,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,224,192,.1) 1px,transparent 1px);
  background-size:64px 64px;
  transform:perspective(400px) rotateX(72deg);
  mask-image:linear-gradient(transparent,#000 45%,transparent);
  -webkit-mask-image:
    linear-gradient(transparent,#000 45%,transparent);
}
.wrap{
  max-width:1180px;margin:0 auto;
  padding:0 24px;position:relative;
}
.nav{
  display:flex;align-items:center;
  justify-content:space-between;
  padding:14px 22px;margin-top:16px;
  border-radius:16px;
  background:rgba(15,24,21,.6);
  border:1px solid var(--line);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.logo{
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px;letter-spacing:.3px;
  display:flex;align-items:center;gap:10px;
  text-decoration:none;color:var(--ink);
}
.logo-txt{ white-space:nowrap; }
.dot{
  width:9px;height:9px;border-radius:50%;
  background:var(--glow);
  box-shadow:0 0 14px 3px rgba(95,192,255,.9);
}
.menu a{
  color:var(--dim);margin-left:24px;
  font-size:14px;text-decoration:none;transition:.2s;
}
.menu a:hover{color:var(--ink)}
.menu .enter{
  color:var(--glow);
  border:1px solid var(--line2);
  padding:8px 18px;border-radius:10px;
}
.hero{text-align:center;padding:52px 0 6px}
.pill{
  display:inline-block;padding:6px 15px;
  border-radius:30px;font-size:11.5px;letter-spacing:.8px;
  text-transform:uppercase;color:var(--glow);
  border:1px solid var(--line2);
  background:rgba(79,224,192,.08);
  font-weight:600;
}
h1{
  font-family:'Unbounded',sans-serif;
  font-size:46px;font-weight:800;line-height:1.12;
  margin:22px 0 16px;letter-spacing:-1px;
  background:linear-gradient(180deg,#FFFFFF 30%,#AFF3E1 100%);
  -webkit-background-clip:text;
  background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 30px rgba(79,224,192,.3));
}
.sub{
  color:var(--dim);font-size:17px;
  max-width:580px;margin:0 auto 28px;
}
.btn{
  display:inline-block;padding:14px 30px;
  border-radius:13px;font-weight:700;font-size:15.5px;
  text-decoration:none;color:#08201A;
  border:1px solid rgba(160,240,220,.55);
  background:linear-gradient(180deg,#6FE8C8,#2FB894);
  box-shadow:0 0 28px rgba(79,224,192,.45),
    inset 0 1px 0 rgba(255,255,255,.5);
  transition:.25s;
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 44px rgba(79,224,192,.75);
}
.btn2{
  display:inline-block;padding:14px 26px;
  border-radius:13px;margin-left:10px;font-size:15.5px;
  color:var(--ink);text-decoration:none;
  border:1px solid var(--line);
  background:rgba(19,30,26,.55);
  backdrop-filter:blur(10px);transition:.25s;
}
.btn2:hover{border-color:var(--line2)}
.stage{
  perspective:1400px;margin:6px 0 0;
  display:flex;justify-content:center;
}
.holo{
  width:100%;max-width:900px;
  transform:rotateX(9deg);
  animation:sway 10s ease-in-out infinite;
}
@keyframes sway{
  0%,100%{transform:rotateX(9deg) rotateY(-2.5deg)}
  50%{transform:rotateX(8deg) rotateY(2.5deg)}
}
.ring{animation:pulse 3.6s ease-in-out infinite}
.ring:nth-of-type(2){animation-delay:.4s}
.ring:nth-of-type(3){animation-delay:.8s}
@keyframes pulse{
  0%,100%{opacity:.3}
  50%{opacity:.95}
}
.beam{
  stroke-dasharray:6 10;
  animation:flow 2.6s linear infinite;
}
@keyframes flow{to{stroke-dashoffset:-64}}
.gl{filter:drop-shadow(0 0 6px rgba(95,192,255,.9))}
.strip{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:12px;margin:22px 0 0;
}
.chip{
  padding:9px 18px;border-radius:12px;font-size:13.5px;
  color:var(--dim);border:1px solid var(--line);
  background:rgba(12,24,44,.5);
}
.chip b{color:var(--ink);font-weight:700}
.sec{margin:72px 0 0}
.sec-h{text-align:center;margin-bottom:34px}
.sec-h h2{
  font-family:'Unbounded',sans-serif;
  font-size:30px;font-weight:700;letter-spacing:-.3px;
  margin-bottom:10px;
}
.sec-h p{color:var(--dim);font-size:15.5px}
.cards{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.card{
  padding:26px;border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,
    rgba(20,32,28,.7),rgba(11,18,15,.5));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:.28s;position:relative;overflow:hidden;
}
.card:after{
  content:'';position:absolute;top:0;left:26px;right:26px;
  height:1px;
  background:linear-gradient(90deg,
    transparent,rgba(95,192,255,.55),transparent);
}
.card:hover{
  transform:translateY(-6px);
  border-color:rgba(79,224,192,.35);
  box-shadow:
    0 24px 60px rgba(3,12,28,.85),
    0 0 40px rgba(79,224,192,.12);
}
.card:hover .ic{
  box-shadow:0 0 32px rgba(79,224,192,.45),
    inset 0 0 22px rgba(79,224,192,.2);
}
.ic{
  width:46px;height:46px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;color:var(--glow);
  border:1px solid var(--line2);
  background:rgba(79,224,192,.12);
  box-shadow:0 0 22px rgba(79,224,192,.25),
    inset 0 0 18px rgba(79,224,192,.15);
}
.ic svg{width:22px;height:22px}
.card h3{font-size:17.5px;font-weight:700;margin-bottom:9px}
.card p{color:var(--dim);font-size:14.5px}
.steps{
  display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.step{
  padding:24px 22px;border-radius:18px;
  border:1px solid var(--line);
  background:rgba(17,27,23,.55);
  backdrop-filter:blur(12px);
}
.step .n{
  font-size:34px;font-weight:800;line-height:1;
  color:transparent;margin-bottom:12px;
  background:linear-gradient(180deg,#6FE8C8,#2FB894);
  -webkit-background-clip:text;background-clip:text;
}
.step h4{font-size:16px;font-weight:700;margin-bottom:7px}
.step p{color:var(--dim);font-size:14px}
.vs{
  border-radius:20px;overflow:hidden;
  border:1px solid var(--line);
  background:rgba(15,24,21,.5);
  backdrop-filter:blur(12px);
}
.vs .row{
  display:grid;grid-template-columns:1.1fr 1fr 1fr;
  border-bottom:1px solid rgba(79,176,255,.1);
}
.vs .row:last-child{border-bottom:none}
.vs .row.head{
  background:rgba(79,224,192,.07);
  font-size:13px;letter-spacing:.4px;
  text-transform:uppercase;color:var(--dim);
}
.vs .c{padding:16px 18px;font-size:14.5px}
.vs .c.k{color:var(--ink);font-weight:600}
.vs .c.no{color:var(--dim)}
.vs .c.yes{color:var(--ok)}
.cta{
  margin:72px 0 0;padding:46px 30px;text-align:center;
  border-radius:24px;border:1px solid var(--line2);
  background:linear-gradient(160deg,
    rgba(22,52,45,.6),rgba(11,18,15,.55));
  box-shadow:0 0 60px rgba(79,224,192,.16) inset;
}
.cta h2{
  font-family:'Unbounded',sans-serif;
  font-size:28px;font-weight:700;
  letter-spacing:-.3px;margin-bottom:12px;
}
.cta p{
  color:var(--dim);font-size:15.5px;
  max-width:520px;margin:0 auto 26px;
}
.foot{
  border-top:1px solid var(--line);
  margin-top:56px;padding:26px 0;
  color:var(--dim2);font-size:13px;text-align:center;
}
@media(max-width:760px){
  h1{font-size:32px;letter-spacing:-.7px}
  .sub{font-size:15px}
  .hero{padding:34px 0 4px}
  .sec{margin:52px 0 0}
  .sec-h h2{font-size:25px}
  .menu a{margin-left:12px;font-size:13px}
  .menu .enter{padding:7px 13px}
  .btn,.btn2{
    display:block;margin:10px auto 0;
    max-width:290px;text-align:center;
  }
  .vs .row{grid-template-columns:1fr}
  .vs .c{padding:12px 16px}
  .vs .row.head{display:none}
  .cta{padding:32px 20px}
  .cta h2{font-size:23px}
}

.diag{max-width:640px;margin:34px auto 0}
.diag-top{margin-bottom:22px}
.diag-badge{
  display:inline-block;font-size:11.5px;color:var(--dim);
  letter-spacing:.5px;text-transform:uppercase;
  border:1px solid var(--line);border-radius:20px;
  padding:7px 15px;margin-bottom:12px;font-weight:600;
}
.diag-bar{
  height:6px;border-radius:4px;overflow:hidden;
  background:rgba(79,176,255,.1);
}
.diag-fill{
  height:100%;border-radius:4px;
  background:linear-gradient(90deg,#4FE0C0,#7DEAD1);
  box-shadow:0 0 12px rgba(125,234,209,.6);
  transition:width .3s;
}
.diag-card{
  border-radius:22px;padding:30px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,
    rgba(20,32,28,.72),rgba(11,18,15,.55));
  backdrop-filter:blur(14px);
}
.diag-topic{
  font-size:12.5px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--glow);margin-bottom:14px;
}
.diag-q{font-size:20px;line-height:1.5;margin-bottom:26px}
.diag-opts{display:flex;flex-direction:column;gap:10px}
.diag-opt{
  text-align:left;padding:15px 18px;border-radius:13px;
  border:1px solid var(--line);background:rgba(17,27,23,.6);
  color:var(--ink);font-size:15px;font-family:inherit;
  cursor:pointer;transition:.2s;
}
.diag-opt:hover{
  border-color:var(--line2);
  background:rgba(79,224,192,.1);
  transform:translateX(3px);
}
.diag-note{
  text-align:center;color:var(--dim2);
  font-size:13px;margin-top:18px;
}
.diag-result{max-width:640px;margin:30px auto 0;text-align:center}
.res-h{
  font-family:'Unbounded',sans-serif;
  font-size:34px;font-weight:700;line-height:1.2;
  margin:16px 0 26px;letter-spacing:-.3px;
  background:linear-gradient(180deg,#FFFFFF 30%,#AFF3E1 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.res-stats{display:flex;gap:14px;margin-bottom:22px}
.res-stat{
  flex:1;padding:20px;border-radius:16px;
  border:1px solid var(--line);
  background:rgba(17,27,23,.55);
}
.res-stat.ok{border-color:rgba(63,224,191,.4)}
.res-stat.bad{border-color:rgba(255,107,122,.4)}
.res-num{font-size:30px;font-weight:800}
.res-stat.ok .res-num{color:var(--ok)}
.res-stat.bad .res-num{color:var(--bad)}
.res-lbl{color:var(--dim);font-size:12.5px;margin-top:4px}
.res-root{
  text-align:left;padding:24px;border-radius:18px;
  border:1px solid var(--line2);
  background:rgba(79,224,192,.08);margin-bottom:22px;
}
.res-root-lbl{
  color:var(--bad);font-size:12px;letter-spacing:.5px;
  text-transform:uppercase;margin-bottom:8px;
}
.res-root-title{font-size:19px;font-weight:700;margin-bottom:10px}
.res-root p{color:var(--dim);font-size:14.5px;margin-bottom:16px}
.res-gaps{text-align:left;margin-bottom:26px}
.res-sub{color:var(--dim);font-size:13px;margin-bottom:10px}
.res-gap-row{
  display:flex;justify-content:space-between;
  padding:12px 16px;border-radius:10px;
  border:1px solid var(--line);margin-bottom:6px;
  font-size:14.5px;background:rgba(17,27,23,.4);
}
.res-gap-grade{color:var(--dim2);font-size:12.5px}
@media(max-width:600px){
  .diag-card{padding:22px}
  .diag-q{font-size:17px}
  .res-h{font-size:28px}
  .res-stats{flex-direction:column}
}

.auth{
  max-width:420px;margin:64px auto 0;
}
.auth-card{
  padding:34px;border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,
    rgba(20,32,28,.75),rgba(11,18,15,.6));
  backdrop-filter:blur(14px);
  text-align:center;
}
.auth-h{
  font-size:28px;font-weight:800;margin:16px 0 8px;
  letter-spacing:-.6px;
}
.auth-sub{color:var(--dim);font-size:14.5px;margin-bottom:26px}
.auth-err{
  background:rgba(255,107,122,.12);
  border:1px solid rgba(255,107,122,.4);
  color:#FFB3BC;font-size:13.5px;
  border-radius:10px;padding:12px 14px;
  margin-bottom:18px;text-align:left;
}
.auth-form{text-align:left}
.auth-lbl{
  display:block;color:var(--dim);font-size:13px;
  margin:14px 0 6px;
}
.auth-inp{
  width:100%;padding:13px 14px;border-radius:11px;
  border:1px solid var(--line);
  background:rgba(10,16,14,.6);color:var(--ink);
  font-size:15px;font-family:inherit;outline:none;
  transition:.2s;
}
.auth-inp:focus{border-color:var(--line2)}
.auth-btn{
  width:100%;margin-top:22px;text-align:center;
}
@media(max-width:500px){
  .auth{margin:30px auto 0}
  .auth-card{padding:26px}
}

.diag-opt{position:relative;padding-left:52px}
.diag-opt .lt{
  position:absolute;left:16px;top:50%;
  transform:translateY(-50%);
  width:26px;height:26px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:700;color:var(--dim);
  border:1px solid var(--line);background:rgba(10,16,14,.5);
}
.diag-opt:hover .lt{
  color:var(--glow);border-color:var(--line2);
}
.warm{--warm:#FFB25F;--warm-glow:#FFCB8A}
.res-root{
  border-color:rgba(255,178,95,.4);
  background:rgba(255,178,95,.07);
}
.res-root-lbl{color:var(--warm,#FF9B4D)}
.res-stat.warm{border-color:rgba(255,178,95,.4)}
.res-stat.warm .res-num{color:#FFB25F}
.card:nth-child(3n+2){
  background:linear-gradient(160deg,
    rgba(20,50,48,.55),rgba(9,24,22,.45));
}
.card:nth-child(3n+2) .ic{
  color:#4FE0C0;border-color:rgba(63,224,191,.4);
  background:rgba(63,224,191,.12);
  box-shadow:0 0 20px rgba(63,224,191,.22);
}
.pill.warm{
  color:#FFCB8A;border-color:rgba(255,178,95,.4);
  background:rgba(255,178,95,.08);
}

.topic-page{max-width:640px;margin:30px auto 60px}
.topic-head{text-align:center;margin-bottom:22px}
.topic-h{
  font-family:'Unbounded',sans-serif;
  font-size:27px;font-weight:700;margin:14px 0 8px;
  letter-spacing:-.2px;
}
.topic-sum{color:var(--dim);font-size:15px}
.expl-card{
  border-radius:20px;padding:24px;margin-bottom:18px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,
    rgba(20,32,28,.7),rgba(11,18,15,.55));
  backdrop-filter:blur(12px);
}
.expl-card.good{border-color:rgba(79,224,192,.5)}
.expl-card.bad{border-color:rgba(255,107,122,.4)}
.expl-tag{
  display:inline-block;font-size:12px;letter-spacing:.4px;
  text-transform:uppercase;padding:5px 12px;border-radius:20px;
  margin-bottom:14px;
}
.expl-tag.good{color:#4FE0C0;background:rgba(79,224,192,.12)}
.expl-tag.bad{color:#FF9DA6;background:rgba(255,107,122,.12)}
.expl-hint{
  color:var(--ink);font-size:15px;line-height:1.6;
  margin-bottom:16px;
}
.expl-kind{
  color:var(--glow);font-size:12px;letter-spacing:.5px;
  text-transform:uppercase;margin-bottom:8px;
}
.expl-title{font-size:19px;font-weight:700;margin-bottom:10px}
.expl-body{color:var(--dim);font-size:14.5px;line-height:1.75}
.expl-actions{
  display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;
}
.topic-meta{
  display:flex;justify-content:space-between;
  color:var(--dim2);font-size:13px;margin-top:20px;
  padding:0 4px;
}
@media(max-width:600px){
  .topic-h{font-size:24px}
  .expl-card,.diag-card{padding:18px}
  .expl-actions{flex-direction:column}
  .expl-actions form,.expl-actions .btn{width:100%}
}

.map-page{max-width:900px;margin:30px auto 60px}
.map-legend{
  display:flex;flex-wrap:wrap;gap:16px;justify-content:center;
  margin:20px 0 26px;color:var(--dim);font-size:13px;
}
.map-legend span{display:flex;align-items:center;gap:7px}
.dot-lg{
  width:9px;height:9px;border-radius:50%;display:inline-block;
}
.map-stage{
  border-radius:20px;padding:16px;margin-bottom:30px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,
    rgba(15,24,21,.7),rgba(11,18,15,.5));
  backdrop-filter:blur(10px);overflow-x:auto;
}
.map-svg{width:100%;height:auto;display:block;min-width:640px}
.map-svg a circle{cursor:pointer;transition:.15s}
.map-svg a:hover circle{r:12;filter:drop-shadow(0 0 6px currentColor)}
.map-group{margin-bottom:22px}
.map-group-h{
  font-size:13px;letter-spacing:.4px;text-transform:uppercase;
  margin-bottom:10px;padding-left:2px;
}
.map-group-h.bad{color:#FF9DA6}
.map-group-h.warm{color:#FFCB8A}
.map-group-h.ok{color:#4FE0C0}
.map-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:13px 16px;border-radius:11px;margin-bottom:6px;
  border:1px solid var(--line);text-decoration:none;
  background:rgba(15,24,21,.5);color:var(--ink);
  font-size:14.5px;transition:.2s;
}
.map-row:hover{border-color:var(--line2);transform:translateX(3px)}
.map-row-g{color:var(--dim2);font-size:12.5px}
@media(max-width:700px){
  .map-legend{gap:10px;font-size:12px}
}

.expl-diagram{
  margin:14px 0 18px;padding:16px;border-radius:14px;
  background:rgba(6,14,26,.5);border:1px solid var(--line);
  display:flex;justify-content:center;
}
.expl-diagram svg{max-width:100%;height:auto;display:block}

.subj-page{max-width:900px;margin:30px auto 60px}
.exam-block{margin-bottom:36px}
.exam-h{
  font-size:13px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--dim);margin-bottom:14px;padding-left:2px;
}
.subj-grid{
  display:grid;gap:14px;
  grid-template-columns:repeat(4,1fr);
}
@media(max-width:1100px){
  .subj-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .subj-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .subj-grid{grid-template-columns:1fr}
}
.subj-card{
  padding:20px;border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(160deg,
    rgba(20,32,28,.65),rgba(11,18,15,.5));
  display:flex;flex-direction:column;min-height:210px;
}
.subj-links{margin-top:auto}
.subj-card.soon{opacity:.5}
.subj-name{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:600;margin-bottom:8px;letter-spacing:-.1px}
.subj-stat{color:var(--ok);font-size:13px;margin-bottom:14px}
.subj-stat.soon{color:var(--dim2)}
.subj-links{display:flex;gap:8px;flex-wrap:wrap}
.btn2.sm{padding:9px 14px;font-size:13px;margin-left:0}
.subj-empty{color:var(--dim2);font-size:14px}

.task-grid{
  display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  margin-bottom:30px;
}
.task-cell{
  padding:16px 10px;border-radius:12px;text-align:center;
  border:1px solid var(--line);background:rgba(14,26,22,.5);
  text-decoration:none;color:var(--ink);transition:.2s;
}
.task-cell:hover{border-color:var(--line2);transform:translateY(-2px)}
.task-num{font-size:20px;font-weight:800;color:var(--glow)}
.task-title{font-size:11.5px;color:var(--dim);margin-top:4px;
  line-height:1.4}
.task-topics{margin-top:20px}
.task-topic-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:13px 16px;border-radius:11px;margin-bottom:6px;
  border:1px solid var(--line);text-decoration:none;
  background:rgba(14,26,22,.4);color:var(--ink);font-size:14.5px;
}
.task-topic-row:hover{border-color:var(--line2)}
.dot-tag{
  width:8px;height:8px;border-radius:50%;display:inline-block;
  margin-right:10px;
}

.cab-page{max-width:960px;margin:30px auto 60px}
.cab-top{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:16px;margin-bottom:26px;
}
.cab-stats{display:flex;gap:12px;flex-wrap:wrap}
.cab-stat{
  padding:16px 20px;border-radius:14px;min-width:120px;
  border:1px solid var(--line);background:rgba(14,26,22,.5);
  text-align:center;
}
.cab-stat b{display:block;font-family:'Unbounded',sans-serif;font-size:26px;font-weight:700;color:var(--glow)}
.cab-stat span{font-size:12px;color:var(--dim)}
.cab-sec{margin-top:30px}
.cab-sec-h{font-size:16px;font-weight:700;margin-bottom:12px}
.cab-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:13px 18px;border-radius:12px;margin-bottom:6px;
  border:1px solid var(--line);background:rgba(14,26,22,.4);
  font-size:14px;
}
.cab-row a{color:var(--ink);text-decoration:none;flex:1}
.badge{
  font-size:11px;padding:4px 10px;border-radius:20px;
  border:1px solid var(--line);color:var(--dim);
}
.badge.gap{color:#FF9DA6;border-color:rgba(255,107,122,.35)}
.badge.learning{color:#FFCB8A;border-color:rgba(255,178,95,.35)}
.badge.mastered{color:#4FE0C0;border-color:rgba(79,224,192,.35)}
.class-table{width:100%;border-collapse:collapse;font-size:13.5px}
.class-table th{
  text-align:left;color:var(--dim);font-weight:600;
  font-size:12px;text-transform:uppercase;letter-spacing:.3px;
  padding:10px 12px;border-bottom:1px solid var(--line);
}
.class-table td{
  padding:11px 12px;border-bottom:1px solid rgba(79,224,192,.08);
}
.class-table tr:hover td{background:rgba(79,224,192,.04)}
.class-table a{color:var(--ink);text-decoration:none}

.subj-ic{
  width:48px;height:48px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;color:var(--glow);
  border:1px solid var(--line2);
  background:rgba(79,224,192,.12);
  box-shadow:0 0 20px rgba(79,224,192,.22);
}
.subj-ic svg{width:24px;height:24px}
.subj-card{
  transition:.25s;position:relative;overflow:hidden;
}
.subj-card:not(.soon):hover{
  transform:translateY(-4px);
  border-color:var(--line2);
  box-shadow:0 16px 40px rgba(3,12,10,.6);
}
.subj-bar{
  height:5px;border-radius:3px;overflow:hidden;
  background:rgba(79,224,192,.1);margin:10px 0 8px;
}
.subj-bar-fill{
  height:100%;border-radius:3px;
  background:linear-gradient(90deg,#4FE0C0,#7DEAD1);
}
.btn.sm{padding:9px 14px;font-size:13px}

.subj-soon-lock{
  display:flex;align-items:center;gap:8px;
  color:var(--dim2);font-size:12.5px;
  padding:8px 0 2px;
}
.subj-soon-lock svg{width:16px;height:16px}
.subj-card{
  animation:cardIn .4s ease backwards;
}
.subj-card:nth-child(1){animation-delay:.02s}
.subj-card:nth-child(2){animation-delay:.06s}
.subj-card:nth-child(3){animation-delay:.10s}
.subj-card:nth-child(4){animation-delay:.14s}
.subj-card:nth-child(5){animation-delay:.18s}
.subj-card:nth-child(6){animation-delay:.22s}
@keyframes cardIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.subj-card:not(.soon):hover .subj-ic{
  transform:scale(1.08) rotate(-3deg);
  box-shadow:0 0 26px rgba(79,224,192,.4);
}
.subj-ic{transition:.25s}

.exam-banner{
  display:flex;align-items:center;gap:16px;
  padding:20px 24px;border-radius:18px;margin-bottom:20px;
}
.exam-banner.oge{
  border:1px solid rgba(79,224,192,.3);
  background:linear-gradient(120deg,
    rgba(79,224,192,.1),rgba(15,24,21,.4));
}
.exam-banner.ege{
  border:1px solid rgba(255,178,95,.3);
  background:linear-gradient(120deg,
    rgba(255,178,95,.1),rgba(24,20,14,.4));
}
.exam-ic{
  width:44px;height:44px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.exam-banner.oge .exam-ic{
  color:#4FE0C0;background:rgba(79,224,192,.15);
  box-shadow:0 0 18px rgba(79,224,192,.25);
}
.exam-banner.ege .exam-ic{
  color:#FFB25F;background:rgba(255,178,95,.15);
  box-shadow:0 0 18px rgba(255,178,95,.25);
}
.exam-ic svg{width:22px;height:22px}
.exam-title{font-size:19px;font-weight:800;letter-spacing:.3px}
.exam-sub{font-size:13px;color:var(--dim);margin-top:2px}
.exam-grade{
  margin-left:auto;width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:19px;font-weight:800;flex-shrink:0;
}
.exam-banner.oge .exam-grade{
  color:#4FE0C0;border:1px solid rgba(79,224,192,.4);
}
.exam-banner.ege .exam-grade{
  color:#FFB25F;border:1px solid rgba(255,178,95,.4);
}
@media(max-width:600px){
  .exam-banner{padding:16px 18px;gap:12px}
  .exam-title{font-size:17px}
  .exam-sub{font-size:12px}
  .exam-grade{width:36px;height:36px;font-size:16px}
}

.holo .ring{animation:ringPulse 4s ease-in-out infinite}
.holo .ring2{animation:ringPulse 4s ease-in-out infinite .3s}
.holo .ring3{animation:ringPulse 4s ease-in-out infinite .6s}
@keyframes ringPulse{
  0%,100%{opacity:.4}
  50%{opacity:1}
}
.holo .pulse{animation:coreBreathe 2.6s ease-in-out infinite}
.holo .pulse2{animation:coreBreathe 2.6s ease-in-out infinite .2s}
@keyframes coreBreathe{
  0%,100%{opacity:.6;transform:scale(1)}
  50%{opacity:1;transform:scale(1.12)}
}
.holo .beam{stroke-dasharray:6 9;animation:beamFlow 2.2s linear infinite}
.holo .beam.d1{animation-delay:.15s}
.holo .beam.d2{animation-delay:.3s}
@keyframes beamFlow{to{stroke-dashoffset:-60}}
.holo .orbit circle{animation:orbitBlink 3s ease-in-out infinite}
.holo .orbit circle:nth-child(2){animation-delay:.4s}
.holo .orbit circle:nth-child(3){animation-delay:.8s}
.holo .orbit circle:nth-child(4){animation-delay:1.2s}
.holo .orbit circle:nth-child(5){animation-delay:1.6s}
@keyframes orbitBlink{
  0%,100%{opacity:.25}
  50%{opacity:1}
}

.mockup-stage{
  max-width:640px;margin:50px auto 40px;
}
.mock-card{
  position:absolute;border-radius:20px;padding:22px;
  background:linear-gradient(160deg,
    rgba(22,38,33,.85),rgba(11,18,15,.75));
  border:1px solid rgba(79,224,192,.22);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6);
}
.mock-back{
  width:280px;left:8%;top:10px;
  transform:rotate(-7deg);
  animation:floatA 6s ease-in-out infinite;
}
.mock-front{
  width:340px;right:4%;top:70px;
  transform:rotate(4deg);
  animation:floatB 6s ease-in-out infinite .4s;
  z-index:2;
}
@keyframes floatA{
  0%,100%{transform:rotate(-7deg) translateY(0)}
  50%{transform:rotate(-7deg) translateY(-10px)}
}
@keyframes floatB{
  0%,100%{transform:rotate(4deg) translateY(0)}
  50%{transform:rotate(4deg) translateY(-14px)}
}
.mock-dot{
  width:8px;height:8px;border-radius:50%;margin-bottom:14px;
}
.mock-dot.bad{background:#FF6B7A;box-shadow:0 0 10px #FF6B7A}
.mock-line{color:var(--dim);font-size:13px;margin-bottom:6px}
.mock-line.title{
  color:var(--ink);font-size:16px;font-weight:700;margin-bottom:10px;
}
.mock-tag{
  display:inline-block;margin-top:8px;padding:5px 12px;
  border-radius:20px;font-size:11.5px;
}
.mock-tag.bad{
  color:#FFC2C8;background:rgba(255,107,122,.15);
  border:1px solid rgba(255,107,122,.35);
}
.mock-top{margin-bottom:12px}
.mock-kind{
  color:var(--glow);font-size:11px;letter-spacing:.4px;
  text-transform:uppercase;
}
.mock-q{
  color:var(--ink);font-size:16px;font-weight:600;
  margin-bottom:16px;line-height:1.4;
}
.mock-steps{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.mock-step{
  display:flex;align-items:center;gap:9px;font-size:13.5px;
  padding:10px 12px;border-radius:11px;
  border:1px solid rgba(79,224,192,.14);
  background:rgba(15,24,21,.5);color:var(--dim);
}
.mock-step.done{color:var(--ok)}
.mock-step.active{
  color:var(--ink);border-color:rgba(79,224,192,.4);
  background:rgba(79,224,192,.08);
}
.mock-check{
  width:18px;height:18px;color:var(--ok);flex-shrink:0;
}
.mock-check svg{width:100%;height:100%}
.mock-progress{
  height:5px;border-radius:3px;overflow:hidden;
  background:rgba(79,224,192,.1);
}
.mock-progress-fill{
  height:100%;width:55%;border-radius:3px;
  background:linear-gradient(90deg,#4FE0C0,#7DEAD1);
}
.mock-badge{
  position:absolute;left:2%;bottom:0;
  display:flex;align-items:center;gap:10px;
  padding:12px 18px;border-radius:16px;z-index:3;
  background:rgba(255,178,95,.13);
  border:1px solid rgba(255,178,95,.4);
  backdrop-filter:blur(14px);
  animation:floatC 5s ease-in-out infinite .8s;
  font-size:13px;color:#FFCB8A;
}
@keyframes floatC{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.mock-badge-num{
  font-size:20px;font-weight:800;color:#FFB25F;
}
@media(max-width:700px){
  .mockup-stage{height:420px;margin-top:30px}
  .mock-back{width:220px;left:0;top:0}
  .mock-front{width:270px;right:0;top:110px}
  .mock-badge{bottom:-10px}
}

.mock-panel{
  max-width:560px;margin:0 auto;padding:28px 30px;
  border-radius:22px;
  background:linear-gradient(160deg,
    rgba(22,38,33,.85),rgba(11,18,15,.8));
  border:1px solid rgba(79,224,192,.25);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.65);
  animation:panelFloat 7s ease-in-out infinite;
}
@keyframes panelFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.mock-row{
  display:flex;align-items:center;gap:10px;margin-bottom:16px;
}
.mock-dot.bad{
  width:8px;height:8px;border-radius:50%;
  background:#FF6B7A;box-shadow:0 0 10px #FF6B7A;flex-shrink:0;
}
.mock-path{color:var(--dim);font-size:13px;flex:1}
.mock-tag{
  padding:5px 12px;border-radius:20px;font-size:11px;
}
.mock-tag.bad{
  color:#FFC2C8;background:rgba(255,107,122,.15);
  border:1px solid rgba(255,107,122,.35);
}
.mock-q{
  color:var(--ink);font-size:19px;font-weight:700;
  margin-bottom:18px;line-height:1.4;
}
.mock-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.mock-step{
  display:flex;align-items:center;gap:10px;font-size:13.5px;
  padding:11px 14px;border-radius:11px;
  border:1px solid rgba(79,224,192,.14);
  background:rgba(15,24,21,.5);color:var(--dim);
}
.mock-step.done{color:var(--ok);border-color:rgba(79,224,192,.25)}
.mock-step.active{
  color:var(--ink);border-color:rgba(79,224,192,.4);
  background:rgba(79,224,192,.09);
}
.mock-step.wait{color:var(--dim2);opacity:.6}
.mock-check{width:17px;height:17px;color:var(--ok);flex-shrink:0}
.mock-check svg{width:100%;height:100%}
.mock-divider{
  height:1px;background:rgba(79,224,192,.12);margin:4px 0 16px;
}
.mock-hint{
  padding:13px 16px;border-radius:12px;margin-bottom:20px;
  background:rgba(255,178,95,.08);
  border:1px solid rgba(255,178,95,.28);
  color:#FFCB8A;font-size:13.5px;line-height:1.6;
}
.mock-hint-label{
  display:block;font-size:10.5px;letter-spacing:.4px;
  text-transform:uppercase;color:#FFB25F;margin-bottom:5px;
}
.mock-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mock-metric{
  display:flex;flex-direction:column;font-size:11.5px;
  color:var(--dim);gap:2px;
}
.mock-metric-num{
  font-size:22px;font-weight:800;color:var(--glow);line-height:1;
}
.mock-metric.warm .mock-metric-num{color:#FFB25F}
.mock-progress-wrap{flex:1;min-width:120px}
.mock-progress{
  height:6px;border-radius:3px;overflow:hidden;
  background:rgba(79,224,192,.1);margin-bottom:6px;
}
.mock-progress-fill{
  height:100%;width:66%;border-radius:3px;
  background:linear-gradient(90deg,#4FE0C0,#7DEAD1);
  box-shadow:0 0 10px rgba(79,224,192,.5);
}
.mock-progress-label{font-size:11px;color:var(--dim2)}
@media(max-width:600px){
  .mock-panel{padding:22px 20px}
  .mock-q{font-size:16.5px}
  .mock-bottom{gap:12px}
}

.bento{
  margin:44px auto 36px;
  display:grid;gap:14px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}
.bento-cell{
  border-radius:18px;padding:22px;
  background:linear-gradient(160deg,
    rgba(20,38,33,.75),rgba(11,18,15,.6));
  border:1px solid rgba(79,224,192,.18);
  backdrop-filter:blur(14px);
  display:flex;flex-direction:column;gap:10px;
  animation:bentoIn .5s ease backwards;
}
@media(max-width:860px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bento{grid-template-columns:1fr}}
.bento-cell:nth-child(1){animation-delay:.03s}
.bento-cell:nth-child(2){animation-delay:.08s}
.bento-cell:nth-child(3){animation-delay:.13s}
.bento-cell:nth-child(4){animation-delay:.18s}
.bento-cell:nth-child(5){animation-delay:.23s}
@keyframes bentoIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
.bento-cell:hover{
  border-color:rgba(79,224,192,.4);transform:translateY(-3px);
  transition:.25s;
}
.bento-ic{
  width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:var(--glow);background:rgba(79,224,192,.13);
  border:1px solid rgba(79,224,192,.3);margin-bottom:16px;
  flex-shrink:0;
}
.bento-ic svg{width:21px;height:21px}
.bento-ic.warm{
  color:#FFB25F;background:rgba(255,178,95,.13);
  border-color:rgba(255,178,95,.3);
}
.bento-ic.bad{
  color:#FF9DA6;background:rgba(255,107,122,.13);
  border-color:rgba(255,107,122,.3);
}
.bento-num{
  font-size:34px;font-weight:800;color:var(--glow);
  line-height:1;margin-bottom:8px;
}
.bento-num.warm{color:#FFB25F}
.bento-num.bad{color:#FF9DA6}
.bento-label{color:var(--dim);font-size:13.5px;line-height:1.5}
.bento-cell .bento-num{margin:2px 0 0}
.bento-cell .bento-title{margin:2px 0 0;font-weight:600;font-size:15px;line-height:1.3}
.bento-cell .bento-label,.bento-cell .bento-sub{margin-top:auto;padding-top:10px}
.bento-cell .bento-sub{color:var(--dim);font-size:13.5px;line-height:1.5}
.bento-row{display:flex;gap:14px;align-items:flex-start}
.bento-row .bento-ic{margin-bottom:0}
.bento-title{
  color:var(--ink);font-size:14.5px;font-weight:700;
  margin-bottom:4px;
}
.bento-sub{color:var(--dim);font-size:12.5px;line-height:1.5}
@media(max-width:640px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-cell{grid-column:span 2 !important}
  .bento-cell.big{grid-row:span 1}
}

.assign-form{max-width:560px}
.assign-block{margin-bottom:20px}
.assign-label{
  color:var(--dim);font-size:13px;margin-bottom:8px;
}
.assign-select,.assign-input{
  width:100%;padding:12px 14px;border-radius:11px;
  border:1px solid var(--line);background:rgba(10,16,14,.6);
  color:var(--ink);font-size:14.5px;font-family:inherit;outline:none;
}
.assign-select:focus,.assign-input:focus{border-color:var(--line2)}
.assign-radio-row{display:flex;gap:16px}
.assign-radio{
  display:flex;align-items:center;gap:8px;font-size:14px;
  color:var(--ink);cursor:pointer;
}

.var-page{max-width:600px;margin:30px auto 60px}
.var-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.var-badge{
  width:56px;height:56px;border-radius:16px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;
  background:linear-gradient(160deg,rgba(79,224,192,.18),
    rgba(15,24,21,.4));
  border:1px solid rgba(79,224,192,.35);
}
.var-badge-num{font-size:20px;font-weight:800;color:var(--glow);
  line-height:1}
.var-badge-lbl{font-size:10px;color:var(--dim)}
.var-prog-wrap{flex:1}
.var-prog{
  height:7px;border-radius:4px;overflow:hidden;
  background:rgba(79,224,192,.1);margin-bottom:6px;
}
.var-prog-fill{
  height:100%;border-radius:4px;
  background:linear-gradient(90deg,#4FE0C0,#7DEAD1);
  box-shadow:0 0 10px rgba(79,224,192,.5);
  transition:width .3s;
}
.var-prog-txt{font-size:12px;color:var(--dim2)}
.var-card{
  border-radius:22px;padding:28px;
  background:linear-gradient(160deg,
    rgba(20,32,28,.75),rgba(9,15,13,.6));
  border:1px solid var(--line);backdrop-filter:blur(14px);
}
.var-card.good{border-color:rgba(79,224,192,.5)}
.var-card.bad{border-color:rgba(255,107,122,.4)}
.var-topic{
  color:var(--glow);font-size:12px;letter-spacing:.4px;
  text-transform:uppercase;margin-bottom:14px;
}
.var-q{font-size:19px;font-weight:700;line-height:1.5;margin-bottom:22px}
.var-opts{display:flex;flex-direction:column;gap:10px}
.var-opt{
  display:flex;align-items:center;gap:12px;text-align:left;
  padding:15px 16px;border-radius:13px;
  border:1px solid var(--line);background:rgba(10,16,14,.55);
  color:var(--ink);font-size:14.5px;font-family:inherit;
  cursor:pointer;transition:.2s;
}
.var-opt:hover{
  border-color:var(--line2);background:rgba(79,224,192,.08);
  transform:translateX(3px);
}
.var-lt{
  width:26px;height:26px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:var(--dim);
  border:1px solid var(--line);background:rgba(6,14,26,.5);
}
.var-tag{
  display:inline-flex;align-items:center;gap:7px;
  font-size:12px;letter-spacing:.4px;text-transform:uppercase;
  padding:6px 14px;border-radius:20px;margin-bottom:16px;
}
.var-tag svg{width:14px;height:14px}
.var-tag.good{color:#4FE0C0;background:rgba(79,224,192,.13)}
.var-tag.bad{color:#FF9DA6;background:rgba(255,107,122,.13)}
.var-hint{color:var(--ink);font-size:15px;line-height:1.6;
  margin-bottom:18px}
.var-expl{
  padding:18px;border-radius:14px;margin-bottom:20px;
  background:rgba(6,14,26,.4);border:1px solid var(--line);
}
.var-expl-kind{
  color:var(--glow);font-size:11.5px;letter-spacing:.4px;
  text-transform:uppercase;margin-bottom:6px;
}
.var-expl-title{font-size:16px;font-weight:700;margin-bottom:10px}
.var-expl-body{color:var(--dim);font-size:14px;line-height:1.7}
.var-actions{display:flex;gap:10px;flex-wrap:wrap}

.var-result-page{max-width:560px;margin:40px auto 60px;text-align:center}
.var-score-ring{position:relative;width:140px;margin:26px auto}
.var-score-txt{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.var-score-txt b{font-size:32px;font-weight:800;color:var(--ink)}
.var-score-txt span{font-size:12px;color:var(--dim)}
.var-result-stats{display:flex;gap:14px;justify-content:center;
  margin-bottom:30px}
.var-rstat{
  padding:16px 26px;border-radius:14px;
  border:1px solid rgba(79,224,192,.3);
  background:rgba(79,224,192,.06);
}
.var-rstat.bad{
  border-color:rgba(255,107,122,.3);
  background:rgba(255,107,122,.06);
}
.var-rstat b{display:block;font-size:24px;font-weight:800;
  color:var(--ok)}
.var-rstat.bad b{color:#FF9DA6}
.var-rstat span{font-size:12px;color:var(--dim)}
.var-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));
  gap:10px;margin-bottom:30px;
}
.var-cell{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:14px 8px;border-radius:13px;font-size:13px;
  border:1px solid var(--line);
}
.var-cell.good{
  color:#4FE0C0;border-color:rgba(79,224,192,.35);
  background:rgba(79,224,192,.06);
}
.var-cell.bad{
  color:#FF9DA6;border-color:rgba(255,107,122,.35);
  background:rgba(255,107,122,.06);
}
.var-cell svg{width:18px;height:18px}
.var-result-actions{display:flex;gap:10px;justify-content:center;
  flex-wrap:wrap}
@media(max-width:600px){
  .var-card{padding:20px}
  .var-q{font-size:17px}
  .var-grid{grid-template-columns:repeat(4,1fr)}
}

.lock-card{
  max-width:480px;margin:40px auto;text-align:center;
  padding:36px 30px;border-radius:22px;
  background:linear-gradient(160deg,
    rgba(20,32,28,.7),rgba(9,15,13,.55));
  border:1px solid var(--line);
}
.lock-ic{
  width:56px;height:56px;border-radius:16px;margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;
  color:var(--dim);background:rgba(79,224,192,.08);
  border:1px solid var(--line);
}
.lock-ic svg{width:26px;height:26px}

.lvl-row{
  display:grid;gap:14px;margin-bottom:26px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.lvl-card{
  padding:20px;border-radius:16px;
  background:linear-gradient(160deg,
    rgba(255,178,95,.09),rgba(15,24,21,.5));
  border:1px solid rgba(255,178,95,.28);
  animation:lvlIn .4s ease backwards;
}
.lvl-card:nth-child(2){animation-delay:.06s}
.lvl-card:nth-child(3){animation-delay:.12s}
@keyframes lvlIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.lvl-top{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:10px;
}
.lvl-subj{color:var(--dim);font-size:12.5px}
.lvl-streak{
  color:#FFB25F;font-size:12px;font-weight:600;
  display:flex;align-items:center;
}
.lvl-name{
  font-family:'Unbounded',sans-serif;font-weight:700;
  font-size:19px;color:var(--ink);margin-bottom:12px;
}
.lvl-bar{
  height:7px;border-radius:4px;overflow:hidden;
  background:rgba(255,178,95,.12);margin-bottom:8px;
}
.lvl-bar-fill{
  height:100%;border-radius:4px;
  background:linear-gradient(90deg,#FFB25F,#FFCB8A);
  box-shadow:0 0 10px rgba(255,178,95,.5);
}
.lvl-sub{color:var(--dim2);font-size:11.5px}

.cmp-card{
  padding:24px;border-radius:18px;margin-bottom:24px;
  background:linear-gradient(160deg,
    rgba(20,32,28,.7),rgba(9,15,13,.55));
  border:1px solid var(--line);
}
.cmp-card.up{border-color:rgba(79,224,192,.4)}
.cmp-card.down{border-color:rgba(255,107,122,.3)}
.cmp-main{margin-bottom:14px}
.cmp-num{
  font-family:'Unbounded',sans-serif;font-size:38px;
  font-weight:700;color:var(--ink);display:block;
}
.cmp-lbl{color:var(--dim);font-size:13px}
.cmp-vs{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:14px;border-top:1px solid var(--line);
}
.cmp-prev{display:flex;flex-direction:column;gap:2px}
.cmp-prev span:first-child{color:var(--dim);font-size:14px}
.cmp-date{color:var(--dim2);font-size:11.5px}
.cmp-delta{
  display:flex;align-items:center;gap:5px;
  font-size:20px;font-weight:700;
}
.cmp-delta svg{width:18px;height:18px}
.cmp-delta.up{color:var(--ok)}
.cmp-delta.down{color:#FF9DA6}
.cmp-delta.flat{color:var(--dim);font-size:14px;font-weight:500}
.cmp-note{
  color:var(--dim);font-size:13.5px;line-height:1.6;
  padding-top:14px;border-top:1px solid var(--line);
}

.today-list{display:flex;flex-direction:column;gap:10px}
.today-cell{
  display:block;padding:16px 18px;border-radius:14px;
  text-decoration:none;border:1px solid var(--line);
  background:rgba(14,26,22,.5);transition:.2s;
}
.today-cell:hover{border-color:var(--line2);transform:translateX(3px)}
.today-cell.review{border-left:3px solid #4FE0C0}
.today-cell.continue{border-left:3px solid #FFB25F}
.today-cell.fix{border-left:3px solid #FF6B7A}
.today-tag{
  display:flex;align-items:center;gap:6px;
  font-size:11px;letter-spacing:.4px;text-transform:uppercase;
  color:var(--dim);margin-bottom:6px;
}
.today-tag svg{width:13px;height:13px}
.today-cell.review .today-tag{color:#4FE0C0}
.today-cell.continue .today-tag{color:#FFB25F}
.today-cell.fix .today-tag{color:#FF9DA6}
.today-title{color:var(--ink);font-size:15px;font-weight:600;
  margin-bottom:4px}
.today-sub{color:var(--dim2);font-size:12.5px}
.today-empty{text-align:center;padding:30px 0}

.grade-card{
  display:flex;align-items:center;gap:18px;
  padding:22px;border-radius:16px;margin-bottom:20px;
  background:linear-gradient(160deg,
    rgba(79,224,192,.1),rgba(15,24,21,.5));
  border:1px solid rgba(79,224,192,.3);
}
.grade-num{
  font-family:'Unbounded',sans-serif;font-size:44px;
  font-weight:800;color:var(--ok);flex-shrink:0;
  width:64px;height:64px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(79,224,192,.12);
  border:1px solid rgba(79,224,192,.4);
}
.grade-lbl{
  color:var(--dim);font-size:12.5px;letter-spacing:.3px;
  text-transform:uppercase;margin-bottom:4px;
}
.grade-gap{color:var(--ink);font-size:14.5px;line-height:1.5}

.var-timer{
  display:inline-flex;align-items:center;
  padding:8px 16px;border-radius:20px;margin-bottom:16px;
  font-size:13.5px;font-weight:600;color:var(--dim);
  border:1px solid var(--line);background:rgba(10,16,14,.5);
}
.var-timer.low{
  color:#FF9DA6;border-color:rgba(255,107,122,.4);
  background:rgba(255,107,122,.08);
  animation:timerPulse 1s ease-in-out infinite;
}
@keyframes timerPulse{
  0%,100%{opacity:1}
  50%{opacity:.6}
}

.pattern-card{
  display:flex;gap:16px;padding:20px;border-radius:16px;
  margin-bottom:24px;
  background:linear-gradient(160deg,
    rgba(255,178,95,.09),rgba(15,24,21,.5));
  border:1px solid rgba(255,178,95,.3);
}
.pattern-ic{
  width:44px;height:44px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#FFB25F;background:rgba(255,178,95,.13);
  border:1px solid rgba(255,178,95,.35);
}
.pattern-ic svg{width:21px;height:21px}
.pattern-lbl{
  color:#FFCB8A;font-size:11px;letter-spacing:.4px;
  text-transform:uppercase;margin-bottom:6px;
}
.pattern-title{
  font-family:'Unbounded',sans-serif;font-size:16px;
  font-weight:600;color:var(--ink);margin-bottom:6px;
}
.pattern-sub{color:var(--dim);font-size:12.5px;margin-bottom:8px}
.pattern-hint{color:var(--ink);font-size:13.5px;line-height:1.6}

.weak-card{
  display:flex;align-items:center;gap:16px;
  padding:20px 22px;border-radius:16px;margin-bottom:22px;
  text-decoration:none;
  background:linear-gradient(160deg,
    rgba(255,107,122,.09),rgba(15,24,21,.5));
  border:1px solid rgba(255,107,122,.35);
  transition:.2s;
}
.weak-card:hover{transform:translateY(-2px);
  border-color:rgba(255,107,122,.55)}
.weak-ic{
  width:44px;height:44px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#FF9DA6;background:rgba(255,107,122,.13);
  border:1px solid rgba(255,107,122,.35);
}
.weak-ic svg{width:21px;height:21px}
.weak-lbl{
  color:#FFB3BC;font-size:11px;letter-spacing:.4px;
  text-transform:uppercase;margin-bottom:5px;
}
.weak-title{
  font-family:'Unbounded',sans-serif;font-size:17px;
  font-weight:600;color:var(--ink);margin-bottom:5px;
}
.weak-sub{color:var(--dim);font-size:12.5px}
.weak-arrow{
  margin-left:auto;color:#FF9DA6;font-size:20px;flex-shrink:0;
}

.teach-pattern{
  padding:14px 18px;border-radius:12px;margin-bottom:8px;
  background:rgba(255,178,95,.07);
  border:1px solid rgba(255,178,95,.25);
}
.teach-pattern-top{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:6px;
}
.teach-pattern-title{color:var(--ink);font-weight:600;font-size:14px}
.teach-pattern-count{
  color:#FFB25F;font-size:12px;font-weight:600;
  padding:3px 10px;border-radius:20px;
  background:rgba(255,178,95,.13);
}
.teach-pattern-sub{color:var(--dim);font-size:12.5px;margin-bottom:4px}
.teach-pattern-ex{color:var(--dim2);font-size:12px;font-style:italic}

.daily-card{
  max-width:600px;margin:20px auto 0;padding:20px 24px;
  border-radius:16px;
  background:linear-gradient(160deg,
    rgba(79,224,192,.09),rgba(15,24,21,.5));
  border:1px solid rgba(79,224,192,.3);
  text-align:left;
}
.daily-badge{
  display:flex;align-items:center;gap:6px;
  font-size:11px;letter-spacing:.4px;text-transform:uppercase;
  color:var(--glow);margin-bottom:10px;
}
.daily-badge svg{width:14px;height:14px}
.daily-q{color:var(--ink);font-size:15.5px;line-height:1.6;
  margin-bottom:14px}

.num-answer-form{display:flex;gap:10px}
.num-answer-input{
  flex:1;padding:15px 16px;border-radius:13px;
  border:1px solid var(--line);background:rgba(10,16,14,.55);
  color:var(--ink);font-size:15px;font-family:inherit;outline:none;
}
.num-answer-input:focus{border-color:var(--line2)}
@media(max-width:600px){
  .num-answer-form{flex-direction:column}
}

.exam-choice-grid{
  display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
}
.exam-choice-card{
  display:flex;align-items:center;gap:12px;padding:16px 18px;
  border-radius:14px;border:1px solid var(--line);
  background:rgba(14,26,22,.5);cursor:pointer;transition:.2s;
}
.exam-choice-card:has(input:checked){
  border-color:rgba(79,224,192,.5);
  background:rgba(79,224,192,.08);
}
.exam-choice-card input{display:none}
.exam-choice-check{
  width:24px;height:24px;border-radius:7px;flex-shrink:0;
  border:1.5px solid var(--line);display:flex;
  align-items:center;justify-content:center;color:transparent;
  transition:.2s;
}
.exam-choice-card:has(input:checked) .exam-choice-check{
  background:var(--ok);border-color:var(--ok);color:#04201A;
}
.exam-choice-check svg{width:14px;height:14px}
.exam-choice-title{color:var(--ink);font-size:14.5px;font-weight:600}
.exam-choice-sub{color:var(--dim);font-size:12px;margin-top:2px}

.subj-chosen{
  display:inline-block;margin-left:8px;padding:3px 10px;
  border-radius:20px;font-size:10px;letter-spacing:.3px;
  text-transform:uppercase;vertical-align:middle;
  color:var(--glow);background:rgba(79,224,192,.14);
  border:1px solid rgba(79,224,192,.35);
}

.submit-text-form textarea{
  width:100%;padding:16px;border-radius:14px;
  border:1px solid var(--line);background:rgba(10,16,14,.55);
  color:var(--ink);font-size:14.5px;font-family:inherit;
  line-height:1.6;resize:vertical;outline:none;
}
.submit-text-form textarea:focus{border-color:var(--line2)}
.submission-row{
  padding:14px 16px;border-radius:12px;margin-bottom:8px;
  border:1px solid var(--line);background:rgba(14,26,22,.5);
}
.submission-top{
  display:flex;justify-content:space-between;align-items:center;
  color:var(--dim);font-size:13px;
}
.submission-feedback{
  margin-top:10px;padding-top:10px;border-top:1px solid var(--line);
  color:var(--ink);font-size:13.5px;line-height:1.6;
}

.review-card{
  padding:22px;border-radius:16px;margin-bottom:20px;
  background:linear-gradient(160deg,
    rgba(20,32,28,.7),rgba(9,15,13,.55));
  border:1px solid var(--line);
}
.review-top{
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;
  margin-bottom:14px;font-size:12.5px;
}
.review-student{color:var(--ink);font-weight:700;font-size:14.5px}
.review-topic{color:var(--glow)}
.review-date{color:var(--dim2);margin-left:auto}
.review-text{
  padding:16px;border-radius:12px;margin-bottom:16px;
  background:rgba(6,14,26,.4);border:1px solid var(--line);
  color:var(--ink);font-size:14px;line-height:1.7;
}
.review-form textarea{
  width:100%;padding:12px 14px;border-radius:11px;margin:10px 0;
  border:1px solid var(--line);background:rgba(10,16,14,.55);
  color:var(--ink);font-size:13.5px;font-family:inherit;
  resize:vertical;outline:none;
}
.review-score-row{display:flex;align-items:center;gap:10px}
.review-score-row label{color:var(--dim);font-size:13px}
.review-score{
  width:70px;padding:8px 10px;border-radius:9px;
  border:1px solid var(--line);background:rgba(10,16,14,.55);
  color:var(--ink);font-size:14px;text-align:center;
}

.no-reviewer-notice{
  padding:14px 18px;border-radius:12px;margin-bottom:16px;
  background:rgba(255,178,95,.08);
  border:1px solid rgba(255,178,95,.3);
  color:#FFCB8A;font-size:13.5px;line-height:1.6;
}

.submit-success{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px 20px;border-radius:14px;margin-bottom:18px;
  background:rgba(79,224,192,.09);
  border:1px solid rgba(79,224,192,.35);
  color:var(--ok);
}
.submit-success svg{width:22px;height:22px;flex-shrink:0;margin-top:2px}
.submit-success-title{font-weight:700;font-size:15px;color:var(--ink);
  margin-bottom:4px}
.submit-success-sub{color:var(--dim);font-size:13px;line-height:1.6}

.grammar-box{
  padding:14px 16px;border-radius:12px;margin-bottom:16px;
  background:rgba(255,178,95,.06);
  border:1px solid rgba(255,178,95,.25);
}
.grammar-box.unavailable{
  color:var(--dim2);font-size:13px;
  background:rgba(255,255,255,.02);border-color:var(--line);
}
.grammar-box-h{
  color:#FFCB8A;font-size:11.5px;letter-spacing:.3px;
  text-transform:uppercase;margin-bottom:10px;
}
.grammar-issue{
  padding:8px 0;font-size:13px;line-height:1.5;
  border-top:1px solid rgba(255,178,95,.15);
}
.grammar-issue:first-of-type{border-top:none}
.grammar-issue-msg{color:var(--ink)}
.grammar-issue-fix{color:var(--ok);margin-left:6px;font-weight:600}

.grammar-issue-word{
  color:#FFCB8A;font-weight:700;margin-right:6px;
}

.badge-row{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;
}
.achievement-badge{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:20px;
  background:linear-gradient(160deg,
    rgba(255,178,95,.12),rgba(15,24,21,.4));
  border:1px solid rgba(255,178,95,.35);
  color:#FFCB8A;font-size:13px;font-weight:600;
}
.achievement-badge svg{width:16px;height:16px;flex-shrink:0}

.heatmap-grid{
  display:grid;grid-template-columns:repeat(20,1fr);
  gap:3px;margin-bottom:26px;max-width:600px;
}
.heatmap-cell{
  aspect-ratio:1;border-radius:3px;
  background:rgba(79,224,192,.06);
}
.heatmap-cell.level-1{background:rgba(79,224,192,.25)}
.heatmap-cell.level-2{background:rgba(79,224,192,.45)}
.heatmap-cell.level-3{background:rgba(79,224,192,.7)}
.heatmap-cell.level-4{background:#4FE0C0;
  box-shadow:0 0 6px rgba(79,224,192,.5)}
@media(max-width:600px){
  .heatmap-grid{grid-template-columns:repeat(14,1fr)}
}

.rank-card{
  display:flex;align-items:center;gap:16px;
  padding:18px 22px;border-radius:16px;margin-bottom:22px;
  background:linear-gradient(160deg,
    rgba(79,224,192,.1),rgba(15,24,21,.5));
  border:1px solid rgba(79,224,192,.3);
}
.rank-num{
  font-family:'Unbounded',sans-serif;font-size:30px;
  font-weight:800;color:var(--glow);flex-shrink:0;
  width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(79,224,192,.13);
  border:1px solid rgba(79,224,192,.4);
}
.rank-title{color:var(--ink);font-size:14px;font-weight:600}
.rank-sub{color:var(--dim);font-size:12.5px;margin-top:3px}

/* --- кабинет: блоки по предметам --- */
.subj-h{ font-size:24px; margin-top:38px; }
.subj-block + .subj-block{
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:8px;
}

/* --- тарифы --- */
.plan-row{ display:flex; gap:18px; flex-wrap:wrap; }
.plan-card{
  flex:1; min-width:260px; background:var(--card,#132a24);
  border:1px solid rgba(255,255,255,.08); border-radius:18px;
  padding:24px;
}
.plan-title{ font-size:18px; color:var(--dim2); margin-bottom:8px; }
.plan-price{ font-size:34px; font-weight:700; color:var(--ink); }
.plan-price span{ font-size:15px; font-weight:400; color:var(--dim2); }
.plan-desc{ margin-top:12px; color:var(--dim2); line-height:1.5; }

/* слоган под заголовком-героем */
.hero-slogan{
  font-family:'Unbounded',sans-serif;
  font-size:19px; font-weight:600;
  color:var(--acc); letter-spacing:.3px;
  margin:14px 0 4px;
}

/* переключатель роли на регистрации */
.role-tabs{ display:flex; gap:8px; margin:6px 0 4px; }
.role-tab{ flex:1; cursor:pointer; }
.role-tab input{ display:none; }
.role-tab span{
  display:block; text-align:center; padding:11px 8px;
  border:1px solid var(--line); border-radius:12px;
  color:var(--dim); font-size:14px; transition:.15s;
}
.role-tab input:checked + span{
  border-color:var(--acc); color:var(--acc);
  background:rgba(79,224,192,.08);
}

/* заголовки разделов на выборе экзаменов */
.exam-group-h{
  font-family:'Unbounded',sans-serif; font-weight:700;
  font-size:22px; color:var(--ink);
  margin:28px 0 14px;
}
.exam-group-h:first-of-type{ margin-top:8px; }

/* конверсионный блок на странице подписки */
.sell-card{
  background:linear-gradient(135deg,rgba(255,150,90,.10),rgba(79,224,192,.05));
  border:1px solid rgba(255,150,90,.22); border-radius:18px;
  padding:24px 28px; margin-bottom:24px;
}
.sell-h{ font-family:'Unbounded',sans-serif; font-weight:700;
  font-size:20px; color:var(--ink); margin-bottom:18px; }
.sell-row{ display:flex; gap:32px; flex-wrap:wrap; }
.sell-item{ text-align:center; }
.sell-num{ font-family:'Unbounded',sans-serif; font-weight:700;
  font-size:38px; color:var(--acc); line-height:1; }
.sell-lbl{ color:var(--dim); font-size:13px; margin-top:6px; }
.sell-sub{ color:var(--dim2); font-size:14px; margin-top:18px; }

/* доработка sell-блока: равные колонки, читаемые подписи */
.sell-row{ justify-content:flex-start; gap:44px; align-items:flex-start; }
.sell-item{ min-width:88px; }
.sell-lbl{ line-height:1.35; }
.sell-num-max{ font-size:18px; color:var(--dim); font-weight:400; }

/* блок "задания под угрозой" в результате диагностики */
.impact-card{
  background:linear-gradient(135deg,rgba(255,120,90,.10),rgba(255,180,80,.04));
  border:1px solid rgba(255,140,90,.24); border-radius:18px;
  padding:24px 28px; margin:24px 0;
}
.impact-h{ font-family:'Unbounded',sans-serif; font-weight:700;
  font-size:20px; color:var(--ink); margin-bottom:16px; }
.impact-nums{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.impact-num{
  display:inline-block; min-width:38px; text-align:center;
  padding:7px 10px; border-radius:10px;
  background:rgba(255,140,90,.14); border:1px solid rgba(255,140,90,.3);
  color:#FFB784; font-weight:600; font-size:14px;
}
.impact-sub{ color:var(--dim); font-size:14.5px; line-height:1.5; }
.impact-sub b{ color:var(--acc); font-size:17px; }

/* приоритеты по баллам в кабинете */
.prio-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:16px 20px; margin-bottom:8px;
  background:var(--card,#132a24);
  border:1px solid rgba(79,224,192,.16); border-radius:14px;
  text-decoration:none; transition:.15s;
}
.prio-row:hover{ border-color:rgba(79,224,192,.4); }
.prio-main{ display:flex; flex-direction:column; gap:4px; }
.prio-title{ color:var(--ink); font-weight:600; font-size:15.5px; }
.prio-nums{ color:var(--dim2); font-size:13px; }
.prio-points{
  font-family:'Unbounded',sans-serif; font-weight:700;
  font-size:22px; color:var(--acc); white-space:nowrap;
}
.prio-points span{ font-size:12px; font-weight:400; color:var(--dim); }

/* пометка о письменной части в результате варианта */
.var-manual-note{
  background:rgba(79,224,192,.07);
  border:1px solid rgba(79,224,192,.18); border-radius:14px;
  padding:16px 20px; margin:18px 0;
  color:var(--dim); font-size:14.5px; line-height:1.55;
  text-align:center;
}
.var-manual-note b{ color:var(--acc); }

/* письменное задание в варианте */
.var-manual-box{
  background:rgba(79,224,192,.06);
  border:1px solid rgba(79,224,192,.18); border-radius:14px;
  padding:20px; margin-top:14px; text-align:center;
}
.var-manual-box p{ color:var(--dim); font-size:14.5px; line-height:1.55;
  margin:0; }

/* полоска навигации по заданиям варианта (листание назад/вперёд) */
.var-nav{
  display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 22px;
}
.var-nav-item{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:9px;
  border:1px solid var(--line); color:var(--dim);
  text-decoration:none; font-size:14px; font-weight:600;
  transition:.12s;
}
.var-nav-item:hover{ border-color:var(--acc); color:var(--ink); }
.var-nav-item.done{ background:rgba(79,224,192,.14);
  color:var(--acc); border-color:rgba(79,224,192,.3); }
.var-nav-item.cur{ background:var(--acc); color:#0E1F1A;
  border-color:var(--acc); }
.var-nav-item.manual{ border-style:dashed; }


/* Навигация варианта: пустые слоты */
.var-nav-item.empty {
  opacity: .45;
  pointer-events: none;
  background: transparent;
  border-style: dashed;
  border-color: var(--line);
  color: var(--dim2);
  position: relative;
}
.var-nav-item.empty::after {
  content: "·";
  font-size: 18px;
  line-height: 1;
}


/* Блок объяснений */
.explanation-block {
  max-width: 560px;
  margin: 14px auto 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
  text-align: left;
}
.explanation-block * {
  color: inherit !important;
}
.explanation-block .btn {
  /* наследует .btn */
}
.explanation-block .exp-item {
  background: rgba(20,32,28,.7) !important;
  padding: 12px 14px;
  margin-top: 10px;
  border-radius: 12px;
  border: 1px solid var(--line);
}
.explanation-block .exp-item strong {
  color: var(--acc) !important;
}
.explanation-block .exp-item p {
  color: var(--dim) !important;
}
#explanationContainer {
  background: rgba(20,32,28,.85) !important;
  padding: 16px !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
}

/* —— На сегодня: уровень / серия / угроза —— */
.today-stats{
  display:flex; gap:12px; flex-wrap:wrap;
  margin:18px 0 8px; justify-content:center;
}
.today-stat{
  display:flex; flex-direction:column; align-items:center;
  min-width:78px; padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(20,32,28,.55);
  backdrop-filter:blur(10px);
}
.today-stat b{
  font-size:22px; font-weight:700; color:var(--acc);
  line-height:1.1;
}
.today-stat span{
  font-size:11px; color:var(--dim); margin-top:3px;
  text-transform:uppercase; letter-spacing:.04em;
}
.today-stat.fire b{ color:#FF9F43; }
.today-stat.fire{
  border-color:rgba(255,159,67,.35);
  box-shadow:0 0 18px rgba(255,159,67,.12);
}
.today-stat.risk b{ color:#FF6B7A; }
.today-stat.risk{
  border-color:rgba(255,107,122,.3);
  box-shadow:0 0 18px rgba(255,107,122,.1);
}

/* —— Босс дня —— */
.boss-page{
  max-width:480px; margin:60px auto; text-align:center;
  padding:40px 24px;
  border-radius:24px;
  border:1px solid rgba(255,159,67,.25);
  background:linear-gradient(160deg,rgba(40,22,10,.6),rgba(11,18,15,.5));
  box-shadow:0 0 60px rgba(255,159,67,.08);
}
.boss-badge{
  display:inline-block; padding:6px 16px; border-radius:20px;
  font-size:12px; font-weight:700; letter-spacing:.08em;
  background:rgba(255,159,67,.15); color:#FF9F43;
  border:1px solid rgba(255,159,67,.35); margin-bottom:18px;
}
.boss-badge.done{ background:rgba(79,224,192,.12); color:var(--acc);
  border-color:rgba(79,224,192,.3); }
.boss-btn{ background:linear-gradient(135deg,#FF9F43,#FF6B7A);
  border:none; box-shadow:0 0 30px rgba(255,159,67,.35); }
.boss-btn:hover{ box-shadow:0 0 50px rgba(255,159,67,.55); }
.boss-actions{ display:flex; gap:12px; justify-content:center; margin-top:28px; }

/* —— Тост ачивки —— */
.ach-toast{
  position:fixed; bottom:28px; right:28px; z-index:9999;
  display:flex; align-items:center; gap:14px;
  padding:16px 22px; border-radius:16px;
  background:linear-gradient(135deg,rgba(20,40,34,.95),rgba(12,24,20,.98));
  border:1px solid rgba(79,224,192,.4);
  box-shadow:0 12px 40px rgba(0,0,0,.5), 0 0 30px rgba(79,224,192,.2);
  transform:translateY(120%); opacity:0;
  transition:transform .4s cubic-bezier(.2,.8,.2,1), opacity .35s;
  max-width:320px;
}
.ach-toast.show{ transform:translateY(0); opacity:1; }
.ach-toast-ic{
  width:42px; height:42px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; background:rgba(79,224,192,.15);
  color:var(--acc); flex-shrink:0;
}
.ach-toast-title{ font-weight:700; font-size:14px; color:var(--acc); }
.ach-toast-body{ font-size:13px; color:var(--ink); margin-top:2px; }

/* —— Прогноз —— */
.forecast-box{
  margin:16px auto 0; max-width:420px;
  padding:14px 18px; border-radius:14px;
  border:1px solid rgba(79,224,192,.25);
  background:rgba(79,224,192,.06);
  text-align:center;
}
.forecast-label{
  font-size:11px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--acc); margin-bottom:8px; font-weight:600;
}
.forecast-row{
  display:flex; flex-direction:column; gap:4px;
  font-size:13.5px; color:var(--dim);
}
.forecast-row b{ color:var(--ink); }
.forecast-row .acc{ color:var(--acc); }

/* —— Тепловая карта учителя —— */
.heat-filters{
  display:flex; gap:12px; justify-content:center; margin:20px 0 12px;
}
.heat-filters select{
  padding:10px 14px; border-radius:10px;
  background:rgba(20,32,28,.7); border:1px solid var(--line);
  color:var(--ink); font-size:14px;
}
.heat-meta{ text-align:center; color:var(--dim); font-size:13px; margin-bottom:18px; }
.heat-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(88px,1fr));
  gap:10px; max-width:720px; margin:0 auto 40px;
}
.heat-cell{
  display:flex; flex-direction:column; align-items:center;
  padding:14px 8px; border-radius:12px;
  border:1px solid var(--line); background:rgba(20,32,28,.5);
  transition:.15s;
}
.heat-cell b{ font-size:15px; color:var(--ink); }
.heat-cell span{ font-size:18px; font-weight:700; margin:4px 0; }
.heat-cell small{ font-size:11px; color:var(--dim); }
.heat-cell.lv0 span{ color:var(--acc); }
.heat-cell.lv1 span{ color:#FFB25F; }
.heat-cell.lv2 span{ color:#FF8A65; }
.heat-cell.lv3{ border-color:rgba(255,107,122,.4); background:rgba(43,21,23,.5); }
.heat-cell.lv3 span{ color:#FF6B7A; }
.heat-cell:hover{ transform:translateY(-3px); }

.shadow-box{
  margin:12px auto 0; max-width:420px;
  padding:14px 18px; border-radius:14px;
  border:1px solid var(--line);
  background:rgba(20,32,28,.5);
  text-align:center;
}
.shadow-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  margin-top:8px;
}
.shadow-grid div{ display:flex; flex-direction:column; align-items:center; }
.shadow-grid span{ font-size:11px; color:var(--dim); text-transform:uppercase; }
.shadow-grid b{ font-size:20px; color:var(--acc); margin:4px 0 2px; }
.shadow-grid small{ font-size:11px; color:var(--dim2); }

/* —— Корень пробела —— */
.root-gap-box{
  margin:16px 0; padding:16px 18px; border-radius:14px;
  border:1px solid rgba(255,107,122,.3);
  background:rgba(43,21,23,.45);
}
.root-gap-label{
  font-size:11px; text-transform:uppercase; letter-spacing:.06em;
  color:#FF6B7A; font-weight:600; margin-bottom:6px;
}
.root-gap-title{ font-weight:700; color:var(--ink); font-size:15px; }
.root-gap-hint{ color:var(--dim); font-size:13.5px; margin:8px 0 12px; }
.root-gap-micro{ margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.root-micro-item{
  font-size:13px; color:var(--dim); padding:10px 12px;
  border-radius:10px; border:1px dashed var(--line);
  background:rgba(0,0,0,.15);
}
.heat-assign{
  font-size:11px; padding:4px 10px; border-radius:8px;
  border:1px solid rgba(79,224,192,.35); background:rgba(79,224,192,.12);
  color:var(--acc); cursor:pointer; font-family:inherit;
}
.heat-assign:hover{ background:rgba(79,224,192,.25); }

.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.hero-slogan{display:none} /* убрали дубль слогана */


.explanation-block .btn2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13.5px;
  border-radius: 10px;
  margin: 0;
}

/* ---- промо-блок лендинга ---- */
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.promo-card{border-radius:18px;padding:24px;
  background:linear-gradient(160deg,rgba(20,38,33,.7),rgba(11,18,15,.55));
  border:1px solid rgba(79,224,192,.16);transition:.25s}
.promo-card:hover{transform:translateY(-3px);border-color:rgba(79,224,192,.4)}
.promo-card.lead{grid-column:span 3;
  background:linear-gradient(135deg,rgba(79,224,192,.13),rgba(20,38,33,.6));
  border-color:rgba(79,224,192,.34)}
.promo-kicker{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--acc);border:1px solid rgba(79,224,192,.35);border-radius:999px;
  padding:5px 13px;margin-bottom:14px}
.promo-card.lead h3{font-size:27px;line-height:1.2;margin:0 0 12px;max-width:640px}
.promo-card.lead p{color:var(--dim);font-size:15.5px;line-height:1.6;max-width:620px;margin-bottom:20px}
.promo-ic{font-size:26px;margin-bottom:12px}
.promo-card h4{font-size:16.5px;margin:0 0 8px;line-height:1.3}
.promo-card p{color:var(--dim);font-size:14px;line-height:1.55;margin:0}
@media(max-width:900px){.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-card.lead{grid-column:span 2}.promo-card.lead h3{font-size:23px}}
@media(max-width:560px){.promo-grid{grid-template-columns:1fr}.promo-card.lead{grid-column:span 1}}

/* ---- демо-задача ---- */
.demo-wrap{max-width:720px;margin:34px auto 0;padding:24px;border-radius:20px;
  background:linear-gradient(150deg,rgba(79,224,192,.10),rgba(11,18,15,.62));
  border:1px solid rgba(79,224,192,.30)}
.demo-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.demo-badge{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--acc);
  border:1px solid rgba(79,224,192,.4);border-radius:999px;padding:4px 11px}
.demo-meta{color:var(--dim);font-size:12.5px}
.demo-q{font-size:16.5px;line-height:1.55;margin-bottom:16px}
.demo-opts{display:grid;gap:9px}
.demo-opt{text-align:left;padding:13px 16px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  color:var(--ink);font:inherit;font-size:14.5px;transition:.18s}
.demo-opt:hover:not(:disabled){border-color:rgba(79,224,192,.5);background:rgba(79,224,192,.07)}
.demo-opt.ok{border-color:#4FE0C0;background:rgba(79,224,192,.16)}
.demo-opt.bad{border-color:#FF9DA6;background:rgba(255,157,166,.12)}
.demo-res{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.demo-res-t{font-weight:600;margin-bottom:8px}
.demo-sol{color:var(--dim);font-size:14px;line-height:1.55;margin-bottom:14px}

/* ---- схема спуска ---- */
.chain{display:grid;gap:8px;max-width:520px;margin:26px auto 0;text-align:center}
.chain-step{padding:16px 20px;border-radius:14px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.09)}
.chain-step .lvl{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.chain-step b{display:block;font-size:17px;margin:5px 0 3px}
.chain-step i{font-style:normal;font-size:13px;color:var(--dim)}
.chain-step.fail{border-color:rgba(255,157,166,.32)}
.chain-step.fail i{color:#FF9DA6}
.chain-step.root{border-color:rgba(79,224,192,.5);background:rgba(79,224,192,.10)}
.chain-step.root i{color:var(--acc)}
.chain-arr{color:var(--dim);font-size:19px;line-height:1}
.chain-note{text-align:center;color:var(--dim);margin-top:16px;font-size:14.5px}

/* ---- цена ---- */
.price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.price-col{padding:26px;border-radius:18px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.09)}
.price-col.hot{background:linear-gradient(150deg,rgba(79,224,192,.14),rgba(11,18,15,.6));
  border-color:rgba(79,224,192,.42)}
.price-t{color:var(--dim);font-size:14px;margin-bottom:8px}
.price-v{font-size:36px;font-weight:700;line-height:1}
.price-col.hot .price-v{color:var(--acc)}
.price-v span{font-size:16px;font-weight:500;color:var(--dim)}
.price-s{color:var(--dim);font-size:13.5px;margin-top:6px}
.price-l{list-style:none;padding:0;margin:16px 0 18px;display:grid;gap:8px}
.price-l li{font-size:14px;color:var(--dim);padding-left:18px;position:relative}
.price-l li:before{content:"·";position:absolute;left:6px;color:var(--acc);font-weight:700}
@media(max-width:640px){.price{grid-template-columns:1fr}}
/* демо компактнее */
.demo-wrap{max-width:600px;padding:20px}
.demo-q{font-size:15.5px;margin-bottom:13px}
.demo-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-opt{padding:11px 14px;font-size:14px}
@media(max-width:560px){.demo-opts{grid-template-columns:1fr}}
.promo-ic{color:var(--acc)}
.promo-ic svg{width:24px;height:24px}

/* LANDING V5 CORE START */

.landing-v5{
  --lp-dark:#090d0b;
  --lp-panel:#121916;
  --lp-green:#4fe0c0;
  --lp-cream:#f2f1e9;
  --lp-muted:#849089;
}

.landing-v5 em{
  color:var(--lp-green);
  font-style:normal;
}

.landing-v5 .hero{
  min-height:690px;
  padding:92px 0 105px;
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  align-items:center;
  gap:68px;
  text-align:left;
  position:relative;
}

.landing-v5 .hero:before{
  content:'';
  position:absolute;
  width:570px;
  height:570px;
  right:-100px;
  top:30px;
  z-index:-1;
  background:radial-gradient(
    circle,
    rgba(79,224,192,.11),
    transparent 68%
  );
}

.lp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--lp-green);
  font:700 10px 'Unbounded',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.lp-eyebrow span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--lp-green);
  box-shadow:0 0 0 6px rgba(79,224,192,.1);
}

.landing-v5 .hero h1{
  margin:27px 0;
  font-size:clamp(45px,5vw,68px);
  font-weight:600;
  line-height:.99;
  letter-spacing:-.055em;
  text-align:left;
  filter:none;
  background:none;
  color:var(--ink);
}

.landing-v5 .hero .sub{
  max-width:580px;
  margin:0 0 32px;
  color:#afbab5;
  font-size:17px;
  line-height:1.72;
}

.landing-v5 .hero-actions{
  display:flex;
  align-items:center;
  gap:25px;
}

.landing-v5 .hero .btn{
  min-height:53px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  border:1px solid var(--lp-green);
  border-radius:11px;
  background:var(--lp-green);
  color:#07110e;
  box-shadow:none;
  font-size:14px;
  font-weight:800;
}

.lp-how-link{
  display:inline-flex;
  align-items:center;
  gap:18px;
  color:#afbab5;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

.lp-how-link span{
  color:var(--lp-green);
  font-size:20px;
}

.lp-micro{
  margin-top:14px;
  color:#66716c;
  font-size:11px;
}

.lp-dashboard{
  min-height:500px;
  padding:30px;
  border:1px solid rgba(234,240,238,.18);
  border-radius:24px;
  background:linear-gradient(145deg,#18211d,#0e1411);
  box-shadow:0 42px 100px rgba(0,0,0,.34);
  position:relative;
}

.lp-dash-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}

.lp-dash-head div{
  display:grid;
  gap:5px;
}

.lp-dash-head small{
  color:#77837d;
  font-size:9px;
  letter-spacing:.1em;
}

.lp-dash-head strong{
  font-size:14px;
}

.lp-dash-head>span{
  padding:6px 10px;
  border:1px solid rgba(79,224,192,.16);
  border-radius:20px;
  background:rgba(79,224,192,.07);
  color:var(--lp-green);
  font-size:9px;
}

.lp-forecast{
  margin:36px 0 16px;
  display:flex;
  align-items:center;
  gap:16px;
}

.lp-forecast>b{
  font:500 53px/1 'Unbounded',sans-serif;
  letter-spacing:-.06em;
}

.lp-forecast>b.accent{
  color:var(--lp-green);
}

.lp-forecast>i{
  color:#69756f;
  font-size:25px;
  font-style:normal;
}

.lp-forecast>p{
  margin:0;
  color:#cdd5d1;
  font-size:12px;
  line-height:1.35;
}

.lp-forecast>p span{
  color:var(--lp-green);
  font-size:10px;
}

.lp-chart{
  height:112px;
  display:flex;
  align-items:flex-end;
  gap:7px;
  position:relative;
  border-bottom:1px solid rgba(234,240,238,.1);
}

.lp-chart>i{
  width:12.5%;
  border-radius:5px 5px 0 0;
  background:rgba(234,240,238,.045);
}

.lp-chart>i.active{
  background:rgba(79,224,192,.11);
}

.lp-chart svg{
  position:absolute;
  inset:5px 0;
  width:100%;
  height:calc(100% - 10px);
}

.lp-chart path{
  fill:none;
  stroke:var(--lp-green);
  stroke-width:2.5;
  stroke-linecap:round;
  filter:drop-shadow(0 0 7px rgba(79,224,192,.35));
}

.lp-reserve{
  margin-top:21px;
  padding:17px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:14px;
  background:rgba(4,8,6,.35);
}

.lp-reserve-title{
  margin-bottom:14px;
  display:flex;
  justify-content:space-between;
  color:#77837d;
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.lp-reserve-title b{
  color:var(--lp-green);
}

.lp-reserve-body{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
}

.lp-slot{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:var(--lp-green);
  color:#07110e;
  font-weight:900;
}

.lp-reserve-body div{
  display:grid;
  gap:3px;
}

.lp-reserve-body strong{
  font-size:12px;
}

.lp-reserve-body small{
  color:#75817b;
  font-size:10px;
}

.lp-ring{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:3px solid rgba(79,224,192,.18);
  border-top-color:var(--lp-green);
  border-radius:50%;
  color:#aab5b0;
  font-size:9px;
}

.lp-float{
  position:absolute;
  padding:12px 15px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(234,240,238,.18);
  border-radius:12px;
  background:#151d1a;
  box-shadow:0 20px 45px rgba(0,0,0,.3);
  color:#7e8a84;
  font-size:9px;
  line-height:1.45;
}

.lp-float b{
  color:var(--ink);
  font-size:10px;
}

.lp-float-one{
  left:-46px;
  top:50%;
}

.lp-float-two{
  right:-24px;
  bottom:-30px;
}

.lp-check{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:1px solid var(--lp-green);
  border-radius:50%;
  color:var(--lp-green);
  font-weight:900;
}

.lp-fire{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#ffb25f;
  box-shadow:0 0 0 5px rgba(255,178,95,.1);
}

@media(max-width:980px){
  .landing-v5 .hero{
    grid-template-columns:1fr;
    padding-top:72px;
  }

  .lp-hero-copy{
    text-align:center;
  }

  .landing-v5 .hero h1{
    text-align:center;
  }

  .landing-v5 .hero .sub{
    margin-left:auto;
    margin-right:auto;
  }

  .landing-v5 .hero-actions{
    justify-content:center;
  }

  .lp-dashboard{
    width:100%;
    max-width:690px;
    margin:0 auto;
  }
}

@media(max-width:760px){
  .landing-v5 .hero{
    min-height:auto;
    padding:64px 0 80px;
    gap:52px;
  }

  .landing-v5 .hero h1{
    font-size:clamp(35px,10vw,49px);
  }

  .landing-v5 .hero-actions{
    flex-direction:column;
    gap:17px;
  }

  .landing-v5 .hero-actions .btn{
    width:100%;
    max-width:340px;
  }

  .lp-dashboard{
    min-height:430px;
    padding:22px 18px;
  }

  .lp-float{
    display:none;
  }
}

@media(max-width:520px){
  .lp-dash-head>span,
  .lp-ring{
    display:none;
  }

  .lp-forecast>b{
    font-size:41px;
  }

  .lp-chart{
    height:88px;
  }

  .lp-reserve-body{
    grid-template-columns:auto 1fr;
  }
}

/* LANDING V5 CORE END */

/* LANDING V5 SECTIONS START */

.landing-v5 .strip{
  margin:0 -24px;
  padding:27px 24px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(234,240,238,.1);
  border-bottom:1px solid rgba(234,240,238,.1);
  background:rgba(255,255,255,.015);
}

.landing-v5 .chip{
  min-height:55px;
  padding:0 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border:0;
  border-left:1px solid rgba(234,240,238,.1);
  border-radius:0;
  background:transparent;
  color:#748079;
  font-size:10px;
}

.landing-v5 .chip:first-child{border-left:0}

.landing-v5 .chip b{
  display:block;
  color:var(--ink);
  font:600 17px/1.5 'Unbounded',sans-serif;
}

.landing-v5 .bento{
  margin:0 0 22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(234,240,238,.11);
  border-left:1px solid rgba(234,240,238,.11);
}

.landing-v5 .bento-cell{
  min-height:225px;
  padding:27px;
  border:0;
  border-right:1px solid rgba(234,240,238,.11);
  border-bottom:1px solid rgba(234,240,238,.11);
  border-radius:0;
  background:transparent;
  transition:.22s;
}

.landing-v5 .bento-cell:hover{background:#121916}

.landing-v5 .bento-ic{
  width:43px;
  height:43px;
  margin-bottom:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(79,224,192,.25);
  border-radius:50%;
  background:rgba(79,224,192,.05);
  color:#4fe0c0;
}

.landing-v5 .bento-ic.warm{
  color:#ffb25f;
  border-color:rgba(255,178,95,.25);
  background:rgba(255,178,95,.05);
}

.landing-v5 .bento-ic svg{width:20px;height:20px}

.landing-v5 .bento-num{
  color:var(--ink);
  font:600 30px 'Unbounded',sans-serif;
}

.landing-v5 .bento-num.warm{color:#ffb25f}

.landing-v5 .bento-title{
  margin-top:42px;
  font:600 14px/1.45 'Unbounded',sans-serif;
}

.landing-v5 .bento-label,
.landing-v5 .bento-sub{
  margin-top:8px;
  color:#7c8882;
  font-size:12px;
  line-height:1.65;
}

.landing-v5 .sec{
  margin:0;
  padding:102px 0;
}

.landing-v5 .sec-h{margin-bottom:45px}

.landing-v5 .sec-h h2{
  font-size:clamp(30px,4vw,47px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.045em;
}

.landing-v5 .sec-h p{
  margin-top:12px;
  color:#7d8983;
  font-size:14px;
}

/* Живая задача */

.landing-v5 .demo-wrap{
  margin:90px 0 0;
  padding:34px;
  border:1px solid rgba(234,240,238,.15);
  border-radius:22px;
  background:linear-gradient(145deg,#17201c,#101613);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.landing-v5 .demo-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:24px;
}

.landing-v5 .demo-badge{
  padding:7px 10px;
  border-radius:20px;
  background:rgba(79,224,192,.08);
  color:#4fe0c0;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.landing-v5 .demo-meta{color:#748079;font-size:10px}

.landing-v5 .demo-q{
  max-width:780px;
  margin-bottom:24px;
  font-size:19px;
  font-weight:700;
  line-height:1.55;
}

.landing-v5 .demo-opts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.landing-v5 .demo-opt{
  min-height:55px;
  padding:0 16px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:.2s;
}

.landing-v5 .demo-opt:hover{
  border-color:rgba(79,224,192,.55);
  transform:translateY(-1px);
}

.landing-v5 .demo-opt.ok{
  border-color:#4fe0c0;
  background:rgba(79,224,192,.08);
}

.landing-v5 .demo-opt.bad{
  border-color:#ff6b7a;
  background:rgba(255,107,122,.06);
}

.landing-v5 .demo-res{
  margin-top:18px;
  padding:19px;
  border:1px solid rgba(79,224,192,.16);
  border-radius:12px;
  background:rgba(79,224,192,.06);
}

.landing-v5 .demo-res-t{
  color:#4fe0c0;
  font-weight:800;
}

.landing-v5 .demo-sol{
  margin:10px 0 16px;
  color:#9aa69f;
  font-size:12px;
  line-height:1.7;
}

/* Возможности */

.landing-v5 .promo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid rgba(234,240,238,.11);
  border-left:1px solid rgba(234,240,238,.11);
}

.landing-v5 .promo-card{
  min-height:282px;
  padding:28px;
  border:0;
  border-right:1px solid rgba(234,240,238,.11);
  border-bottom:1px solid rgba(234,240,238,.11);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:.22s;
}

.landing-v5 .promo-card:hover{background:#121916}

.landing-v5 .promo-card.lead{
  grid-column:span 2;
  background:#4fe0c0;
  color:#07110e;
}

.landing-v5 .promo-kicker{
  color:rgba(7,17,14,.58);
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.landing-v5 .promo-card.lead h3{
  max-width:650px;
  margin:28px 0 14px;
  font:600 23px/1.3 'Unbounded',sans-serif;
}

.landing-v5 .promo-card.lead p{
  max-width:700px;
  color:rgba(7,17,14,.68);
}

.landing-v5 .promo-ic{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(234,240,238,.16);
  border-radius:50%;
  color:#4fe0c0;
}

.landing-v5 .promo-ic svg{width:21px;height:21px}

.landing-v5 .promo-card h4{
  margin:64px 0 12px;
  font:600 15px/1.4 'Unbounded',sans-serif;
}

.landing-v5 .promo-card p{
  color:#7d8983;
  font-size:12px;
  line-height:1.72;
}

.landing-v5 .promo-card .btn,
.landing-v5 .price .btn,
.landing-v5 .cta .btn,
.landing-v5 .demo-res .btn{
  min-height:47px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #4fe0c0;
  border-radius:10px;
  background:#4fe0c0;
  color:#07110e;
  box-shadow:none;
  font-size:12px;
  font-weight:800;
}

/* Шаги */

.landing-v5 .steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(234,240,238,.15);
}

.landing-v5 .step{
  min-height:255px;
  padding:26px 22px;
  border:0;
  border-right:1px solid rgba(234,240,238,.11);
  border-radius:0;
  background:transparent;
}

.landing-v5 .step:last-child{border-right:0}

.landing-v5 .step .n{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#4fe0c0;
  color:#07110e;
  font:700 9px 'Unbounded',sans-serif;
  -webkit-text-fill-color:#07110e;
}

.landing-v5 .step h4{
  margin:72px 0 11px;
  font:600 14px 'Unbounded',sans-serif;
}

.landing-v5 .step p{
  color:#7c8882;
  font-size:11px;
  line-height:1.7;
}

/* Сравнение */

.landing-v5 .vs{
  border:0;
  border-top:1px solid rgba(234,240,238,.17);
  border-radius:0;
  background:transparent;
}

.landing-v5 .vs .row{
  min-height:68px;
  grid-template-columns:1.05fr 1fr 1.18fr;
  border-bottom:1px solid rgba(234,240,238,.1);
}

.landing-v5 .vs .row.head{
  min-height:50px;
  background:transparent;
  font-size:8px;
}

.landing-v5 .vs .c{
  padding:17px;
  display:flex;
  align-items:center;
  font-size:12px;
}

.landing-v5 .vs .c.yes{
  border-left:1px solid rgba(79,224,192,.15);
  background:rgba(79,224,192,.025);
  color:#bff9eb;
}

/* Поиск корня */

.landing-v5 .chain{
  display:grid;
  grid-template-columns:1fr 70px 1fr 70px 1fr;
  align-items:stretch;
}

.landing-v5 .chain-step{
  min-height:190px;
  padding:25px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(234,240,238,.15);
  border-radius:16px;
  background:#121916;
}

.landing-v5 .chain-step .lvl{
  margin-bottom:auto;
  color:#748079;
  font:600 8px 'Unbounded',sans-serif;
  letter-spacing:.07em;
}

.landing-v5 .chain-step b{
  font:600 16px 'Unbounded',sans-serif;
}

.landing-v5 .chain-step i{
  margin-top:8px;
  color:#7d8983;
  font-size:10px;
  font-style:normal;
}

.landing-v5 .chain-step.root{
  border-color:#4fe0c0;
  background:#4fe0c0;
  color:#07110e;
}

.landing-v5 .chain-step.root .lvl,
.landing-v5 .chain-step.root i{
  color:rgba(7,17,14,.65);
}

.landing-v5 .chain-arr{
  display:grid;
  place-items:center;
  color:#4fe0c0;
  font-size:19px;
  transform:rotate(-90deg);
}

.landing-v5 .chain-note{
  margin-top:20px;
  color:#7d8983;
  text-align:center;
  font-size:12px;
}

/* Цена */

.landing-v5 .price{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid rgba(234,240,238,.13);
  border-radius:21px;
  overflow:hidden;
}

.landing-v5 .price-col{
  min-height:380px;
  padding:37px;
  background:#121916;
}

.landing-v5 .price-col.hot{
  background:#4fe0c0;
  color:#07110e;
}

.landing-v5 .price-t{
  font:600 11px 'Unbounded',sans-serif;
  text-transform:uppercase;
}

.landing-v5 .price-v{
  margin:35px 0 5px;
  font:600 43px 'Unbounded',sans-serif;
  letter-spacing:-.05em;
}

.landing-v5 .price-v span{
  font:400 11px 'Manrope',sans-serif;
}

.landing-v5 .price-s{
  color:#7d8983;
  font-size:11px;
}

.landing-v5 .hot .price-s{color:rgba(7,17,14,.58)}

.landing-v5 .price-l{
  margin:35px 0 24px;
  display:grid;
  gap:12px;
  list-style:none;
}

.landing-v5 .price-l li{
  padding-left:22px;
  color:#9aa69f;
  font-size:12px;
  position:relative;
}

.landing-v5 .price-l li:before{
  content:'✓';
  position:absolute;
  left:0;
  color:#4fe0c0;
  font-weight:900;
}

.landing-v5 .hot .price-l li{color:rgba(7,17,14,.7)}
.landing-v5 .hot .price-l li:before{color:#07110e}

.landing-v5 .price .hot .btn{
  background:#07110e;
  border-color:#07110e;
  color:#f2f1e9;
}

/* FAQ */

.lp-faq{
  padding:102px 0;
  display:grid;
  grid-template-columns:.58fr 1.42fr;
  gap:80px;
}

.lp-faq-title>span{
  color:#4fe0c0;
  font:700 9px 'Unbounded',sans-serif;
  letter-spacing:.07em;
}

.lp-faq-title h2{
  margin-top:18px;
  font:600 38px/1.1 'Unbounded',sans-serif;
}

.lp-faq-list{
  border-top:1px solid rgba(234,240,238,.17);
}

.lp-faq details{
  border-bottom:1px solid rgba(234,240,238,.1);
}

.lp-faq summary{
  min-height:75px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  font:600 12px 'Unbounded',sans-serif;
}

.lp-faq summary::-webkit-details-marker{display:none}

.lp-faq summary b{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid rgba(234,240,238,.18);
  border-radius:50%;
  color:#4fe0c0;
  font-size:17px;
  transition:.2s;
}

.lp-faq details[open] summary b{transform:rotate(45deg)}

.lp-faq details p{
  max-width:650px;
  margin:-3px 50px 24px 0;
  color:#7d8983;
  font-size:12px;
  line-height:1.75;
}

/* Финальный блок */

.landing-v5 .cta{
  min-height:420px;
  margin:0;
  padding:58px 30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:23px;
  background:#4fe0c0;
  color:#07110e;
  box-shadow:none;
  position:relative;
  overflow:hidden;
}

.landing-v5 .cta:before,
.landing-v5 .cta:after{
  content:'';
  position:absolute;
  width:330px;
  height:330px;
  border:1px solid rgba(7,17,14,.1);
  border-radius:50%;
}

.landing-v5 .cta:before{
  left:-170px;
  bottom:-180px;
}

.landing-v5 .cta:after{
  right:-170px;
  top:-200px;
  width:430px;
  height:430px;
}

.landing-v5 .cta h2{
  max-width:750px;
  margin-bottom:15px;
  font-size:clamp(31px,4vw,47px);
  line-height:1.1;
  position:relative;
  z-index:1;
}

.landing-v5 .cta p{
  color:rgba(7,17,14,.65);
  position:relative;
  z-index:1;
}

.landing-v5 .cta .btn{
  background:#07110e;
  border-color:#07110e;
  color:#f2f1e9;
  position:relative;
  z-index:1;
}

/* Мобильная навигация */

.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid var(--line);
  border-radius:10px;
  background:transparent;
  cursor:pointer;
}

.nav-toggle i{
  display:block;
  width:17px;
  height:1px;
  margin:5px auto;
  background:var(--ink);
}

@media(max-width:980px){
  .landing-v5 .bento,
  .landing-v5 .promo-grid,
  .landing-v5 .steps{
    grid-template-columns:1fr 1fr;
  }

  .landing-v5 .promo-card.lead{grid-column:span 2}

  .landing-v5 .chain{
    grid-template-columns:1fr 55px 1fr 55px 1fr;
  }

  .lp-faq{
    grid-template-columns:1fr;
    gap:40px;
  }
}

@media(max-width:760px){
  .nav{
    position:relative;
    padding:11px 14px;
  }

  .nav-toggle{
    display:block;
    margin-left:auto;
  }

  .nav .menu{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 8px);
    z-index:60;
    padding:15px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#101613;
    box-shadow:0 22px 55px rgba(0,0,0,.45);
  }

  .nav .menu.open{display:flex}

  .nav .menu a,
  .nav .menu span,
  .nav .menu form{
    margin:0!important;
    padding:9px 8px!important;
  }

  .landing-v5 .strip{
    grid-template-columns:1fr 1fr;
  }

  .landing-v5 .chip{
    padding:15px;
    border-bottom:1px solid rgba(234,240,238,.1);
  }

  .landing-v5 .chip:nth-child(odd){border-left:0}
  .landing-v5 .chip:nth-last-child(-n+2){border-bottom:0}

  .landing-v5 .sec,
  .lp-faq{
    padding-top:82px;
    padding-bottom:82px;
  }

  .landing-v5 .demo-wrap{
    margin-top:72px;
    padding:23px 18px;
  }

  .landing-v5 .demo-opts{grid-template-columns:1fr}

  .landing-v5 .chain{grid-template-columns:1fr}

  .landing-v5 .chain-arr{
    min-height:48px;
    transform:none;
  }

  .landing-v5 .price{grid-template-columns:1fr}

  .landing-v5 .vs{overflow-x:auto}
  .landing-v5 .vs .row{min-width:620px}
}

@media(max-width:520px){
  .landing-v5 .bento,
  .landing-v5 .promo-grid,
  .landing-v5 .steps{
    grid-template-columns:1fr;
  }

  .landing-v5 .promo-card.lead{grid-column:auto}

  .landing-v5 .step{
    min-height:215px;
    border-right:0;
    border-bottom:1px solid rgba(234,240,238,.1);
  }

  .lp-faq-title h2{font-size:31px}
  .lp-faq summary{font-size:11px}

  .landing-v5 .cta{
    min-height:395px;
    padding:44px 18px;
  }
}

/* LANDING V5 SECTIONS END */

/* STUDENT FLOW V5 START */

/* Общие заголовки внутренних страниц */

.subj-page,
.auth,
.diag,
.diag-result{
  position:relative;
}

.subj-page .topic-head{
  max-width:760px;
  margin:70px auto 65px;
  text-align:center;
}

.subj-page .topic-h{
  margin:17px 0 14px;
  font:600 clamp(38px,5vw,58px)/1.05 'Unbounded',sans-serif;
  letter-spacing:-.05em;
  background:none;
  color:var(--ink);
  filter:none;
}

.subj-page .topic-sum{
  max-width:620px;
  margin:0 auto;
  color:#8d9993;
  font-size:15px;
  line-height:1.75;
}

.subj-page .diag-badge,
.diag .diag-badge{
  padding:7px 13px;
  border:1px solid rgba(79,224,192,.22);
  border-radius:30px;
  background:rgba(79,224,192,.06);
  color:#4fe0c0;
  font:700 9px 'Unbounded',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Выбор экзамена */

.exam-block{
  margin-bottom:75px;
}

.exam-banner{
  min-height:90px;
  padding:20px 25px;
  display:flex;
  align-items:center;
  gap:16px;
  border:1px solid rgba(234,240,238,.12);
  border-bottom:0;
  border-radius:18px 18px 0 0;
  background:linear-gradient(
    135deg,
    rgba(79,224,192,.08),
    rgba(255,255,255,.015)
  );
}

.exam-banner.ege{
  background:linear-gradient(
    135deg,
    rgba(255,178,95,.09),
    rgba(255,255,255,.015)
  );
}

.exam-ic{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid rgba(79,224,192,.25);
  border-radius:14px;
  background:rgba(79,224,192,.07);
  color:#4fe0c0;
}

.exam-banner.ege .exam-ic{
  border-color:rgba(255,178,95,.28);
  background:rgba(255,178,95,.07);
  color:#ffb25f;
}

.exam-ic svg{
  width:23px;
  height:23px;
}

.exam-title{
  font:600 21px 'Unbounded',sans-serif;
}

.exam-sub{
  margin-top:3px;
  color:#7d8983;
  font-size:11px;
}

.subj-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(234,240,238,.11);
  border-left:1px solid rgba(234,240,238,.11);
}

.subj-card{
  min-height:315px;
  padding:25px;
  display:flex;
  flex-direction:column;
  border:0;
  border-right:1px solid rgba(234,240,238,.11);
  border-bottom:1px solid rgba(234,240,238,.11);
  border-radius:0;
  background:#101613;
  box-shadow:none;
  transition:background .22s,transform .22s;
}

.subj-card:hover{
  z-index:2;
  background:#151d1a;
  transform:translateY(-2px);
}

.subj-card.soon{
  opacity:.48;
  background:rgba(16,22,19,.5);
}

.subj-ic{
  width:44px;
  height:44px;
  margin-bottom:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(79,224,192,.2);
  border-radius:13px;
  background:rgba(79,224,192,.055);
  color:#4fe0c0;
}

.subj-ic svg{
  width:21px;
  height:21px;
}

.subj-name{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  font:600 16px/1.4 'Unbounded',sans-serif;
}

.subj-chosen{
  padding:5px 7px;
  border-radius:20px;
  background:rgba(79,224,192,.1);
  color:#4fe0c0;
  font:700 7px 'Manrope',sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}

.subj-bar{
  height:4px;
  margin:20px 0 9px;
  overflow:hidden;
  border-radius:5px;
  background:rgba(234,240,238,.07);
}

.subj-bar-fill{
  height:100%;
  border-radius:5px;
  background:#4fe0c0;
  box-shadow:0 0 10px rgba(79,224,192,.4);
}

.subj-stat{
  margin:14px 0 20px;
  color:#76827c;
  font-size:10px;
}

.subj-links{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.subj-links .btn,
.subj-links .btn2{
  min-height:34px;
  margin:0;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  box-shadow:none;
  font-size:9px;
  line-height:1.2;
}

.subj-links .btn2{
  border-color:rgba(234,240,238,.13);
  background:rgba(255,255,255,.025);
  color:#9aa69f;
}

.subj-links .btn2:first-child{
  border-color:#4fe0c0;
  background:#4fe0c0;
  color:#07110e;
  font-weight:800;
}

.subj-links .btn{
  border-color:rgba(79,224,192,.28);
  background:rgba(79,224,192,.08);
  color:#8cebd5;
}

.subj-links a:hover{
  transform:translateY(-1px);
  border-color:#4fe0c0;
}

.subj-soon-lock{
  margin:auto 0 0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#67736d;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.subj-soon-lock svg{
  width:18px;
  height:18px;
}

.subj-empty{
  padding:40px;
  color:#7d8983;
}

/* Авторизация */

.auth{
  min-height:calc(100vh - 185px);
  padding:70px 0;
  display:grid;
  place-items:center;
}

.auth:before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(79,224,192,.09),
    transparent 68%
  );
}

.auth-card{
  width:min(100%,520px);
  padding:42px;
  border:1px solid rgba(234,240,238,.15);
  border-radius:23px;
  background:linear-gradient(145deg,#151d1a,#0e1411);
  box-shadow:0 35px 90px rgba(0,0,0,.32);
  text-align:left;
}

.auth-card>.pill{
  padding:6px 11px;
  border-color:rgba(79,224,192,.22);
  background:rgba(79,224,192,.06);
  color:#4fe0c0;
  font:700 8px 'Unbounded',sans-serif;
  letter-spacing:.07em;
}

.auth-h{
  margin:22px 0 11px;
  font:600 34px/1.12 'Unbounded',sans-serif;
  letter-spacing:-.04em;
  background:none;
  color:var(--ink);
  filter:none;
  text-align:left;
}

.auth-sub{
  color:#7f8b85;
  font-size:12px;
  line-height:1.7;
}

.auth-err{
  margin:21px 0;
  padding:13px 15px;
  border:1px solid rgba(255,107,122,.25);
  border-radius:10px;
  background:rgba(255,107,122,.06);
  color:#ff9aa5;
  font-size:11px;
}

.auth-form{
  margin-top:27px;
}

.auth-lbl{
  margin:16px 0 7px;
  display:block;
  color:#a9b3ae;
  font-size:10px;
  font-weight:700;
}

.auth-inp{
  width:100%;
  min-height:50px;
  padding:0 14px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:10px;
  outline:0;
  background:rgba(255,255,255,.025);
  color:var(--ink);
  transition:border-color .2s,box-shadow .2s;
}

.auth-inp:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.08);
}

.auth-btn{
  width:100%;
  min-height:51px;
  margin-top:25px;
  border-radius:10px;
  box-shadow:none;
}

.role-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}

.role-tab input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.role-tab span{
  min-height:43px;
  display:grid;
  place-items:center;
  border:1px solid rgba(234,240,238,.12);
  border-radius:9px;
  color:#7f8b85;
  font-size:10px;
  cursor:pointer;
  transition:.2s;
}

.role-tab input:checked+span{
  border-color:#4fe0c0;
  background:rgba(79,224,192,.09);
  color:#4fe0c0;
  font-weight:800;
}

/* Вопрос диагностики */

.diag{
  max-width:720px;
  min-height:calc(100vh - 210px);
  margin:0 auto;
  padding:65px 0 80px;
}

.diag-top{
  margin-bottom:22px;
}

.diag-bar{
  height:5px;
  margin-top:13px;
  border-radius:5px;
  background:rgba(234,240,238,.07);
}

.diag-fill{
  height:100%;
  border-radius:5px;
  background:#4fe0c0;
  box-shadow:0 0 12px rgba(79,224,192,.35);
}

.diag-card{
  padding:35px;
  border:1px solid rgba(234,240,238,.15);
  border-radius:22px;
  background:linear-gradient(145deg,#151d1a,#0e1411);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.diag-topic{
  margin-bottom:18px;
  color:#4fe0c0;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.diag-q{
  margin-bottom:28px;
  font-size:20px;
  font-weight:700;
  line-height:1.55;
}

.diag-opts{
  display:grid;
  gap:9px;
}

.diag-opt{
  min-height:57px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:.2s;
}

.diag-opt:hover{
  border-color:#4fe0c0;
  background:rgba(79,224,192,.06);
  transform:translateX(3px);
}

.diag-opt .lt{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:7px;
  background:rgba(234,240,238,.07);
  color:#8d9993;
  font-size:10px;
  font-weight:800;
}

.diag-opt:hover .lt{
  background:#4fe0c0;
  color:#07110e;
}

.diag-note{
  margin-top:18px;
  color:#69756f;
  font-size:11px;
  text-align:center;
}

/* Результат диагностики */

.diag-result{
  max-width:820px;
  margin:0 auto;
  padding:65px 0 90px;
  text-align:center;
}

.diag-result>.pill{
  padding:7px 12px;
  border-color:rgba(255,178,95,.25);
  background:rgba(255,178,95,.07);
  color:#ffb25f;
  font:700 8px 'Unbounded',sans-serif;
}

.res-h{
  margin:21px 0 40px;
  font:600 clamp(38px,5vw,55px)/1.07 'Unbounded',sans-serif;
  letter-spacing:-.05em;
  background:none;
  color:var(--ink);
  filter:none;
}

.cmp-card,
.grade-card,
.impact-card,
.res-root{
  margin-bottom:14px;
  padding:26px;
  border:1px solid rgba(234,240,238,.14);
  border-radius:17px;
  background:#111815;
  text-align:left;
}

.cmp-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.cmp-main{
  display:grid;
  gap:5px;
}

.cmp-num{
  color:#4fe0c0;
  font:600 45px 'Unbounded',sans-serif;
  letter-spacing:-.05em;
}

.cmp-lbl,
.cmp-note{
  color:#7d8983;
  font-size:10px;
  line-height:1.6;
}

.cmp-vs{
  display:flex;
  align-items:center;
  gap:20px;
}

.cmp-prev{
  display:grid;
  gap:4px;
  color:#7d8983;
  font-size:10px;
}

.cmp-date{color:#56615c}

.cmp-delta{
  padding:8px 11px;
  border-radius:20px;
  font-size:10px;
  font-weight:800;
}

.cmp-delta.up{
  background:rgba(79,224,192,.1);
  color:#4fe0c0;
}

.cmp-delta.down{
  background:rgba(255,107,122,.1);
  color:#ff8995;
}

.cmp-delta svg{
  width:13px;
  height:13px;
}

.grade-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:23px;
}

.grade-num{
  min-width:105px;
  color:#4fe0c0;
  font:600 45px 'Unbounded',sans-serif;
}

.grade-num-max{
  color:#65716b;
  font-size:15px;
}

.grade-lbl{
  color:#b0bab5;
  font-size:12px;
  font-weight:800;
}

.grade-gap{
  margin-top:7px;
  color:#7d8983;
  font-size:10px;
  line-height:1.6;
}

.impact-card{
  border-color:rgba(255,178,95,.2);
  background:rgba(255,178,95,.045);
}

.impact-h{
  color:#ffbe76;
  font-size:11px;
  font-weight:800;
}

.impact-nums{
  margin:17px 0;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.impact-num{
  min-width:36px;
  padding:7px 8px;
  border:1px solid rgba(255,178,95,.22);
  border-radius:8px;
  color:#ffbe76;
  font-size:9px;
  text-align:center;
}

.impact-sub{
  color:#8f9a94;
  font-size:11px;
  line-height:1.7;
}

.res-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 0 14px;
}

.res-stat{
  padding:23px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:16px;
  background:#111815;
}

.res-num{
  font:600 31px 'Unbounded',sans-serif;
}

.res-stat.warm .res-num{color:#ffb25f}
.res-stat.bad .res-num{color:#ff7f8c}

.res-root{
  border-color:rgba(79,224,192,.24);
  background:rgba(79,224,192,.055);
}

.res-root-lbl,
.res-sub{
  color:#4fe0c0;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.res-root-title{
  margin:12px 0 8px;
  font:600 19px 'Unbounded',sans-serif;
}

.res-root p{
  color:#849089;
  font-size:12px;
  line-height:1.7;
}

.res-root .btn{
  margin-top:6px;
  min-height:43px;
  padding:0 16px;
  box-shadow:none;
  font-size:11px;
}

.res-gaps{
  margin-bottom:20px;
  padding:24px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:16px;
  background:#111815;
}

.res-gap-row{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid rgba(234,240,238,.08);
  font-size:11px;
}

.res-gap-row:last-child{border-bottom:0}

.res-gap-grade{
  color:#65716b;
  font-size:9px;
  white-space:nowrap;
}

.diag-result>.btn2{
  min-height:40px;
  margin:7px 3px 0;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  font-size:10px;
}

@media(max-width:980px){
  .subj-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .subj-page .topic-head{margin:48px auto}

  .subj-grid{grid-template-columns:1fr}

  .subj-card{min-height:285px}

  .auth{
    min-height:auto;
    padding:45px 0 70px;
  }

  .auth-card{padding:30px 21px}

  .auth-h{font-size:29px}

  .role-tabs{grid-template-columns:1fr}

  .diag{
    min-height:auto;
    padding:45px 0 70px;
  }

  .diag-card{padding:25px 18px}

  .diag-q{font-size:17px}

  .diag-result{padding:45px 0 75px}

  .cmp-card{
    align-items:flex-start;
    flex-direction:column;
  }

  .grade-card{
    grid-template-columns:1fr;
    gap:13px;
  }

  .res-stats{grid-template-columns:1fr}

  .res-gap-row{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
    padding:11px 0;
  }
}

/* STUDENT FLOW V5 END */

/* PRACTICE FLOW V5 START */

/* Ежедневный план */

.today-stats{
  margin:27px auto 0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
}

.today-stat{
  min-width:118px;
  min-height:66px;
  padding:12px 15px;
  display:grid;
  align-content:center;
  gap:2px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:13px;
  background:#111815;
  text-align:left;
}

.today-stat b{
  color:#4fe0c0;
  font:600 17px 'Unbounded',sans-serif;
}

.today-stat span{
  color:#748079;
  font-size:9px;
}

.today-stat.fire{
  border-color:rgba(255,178,95,.2);
  background:rgba(255,178,95,.045);
}

.today-stat.fire b{color:#ffb25f}

.today-stat.risk{
  border-color:rgba(255,107,122,.2);
  background:rgba(255,107,122,.04);
}

.today-stat.risk b{color:#ff7f8c}

.forecast-box,
.shadow-box{
  width:100%;
  max-width:680px;
  margin:21px auto 0;
  padding:18px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:14px;
  background:#111815;
  text-align:left;
}

.forecast-label{
  margin-bottom:11px;
  color:#748079;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.forecast-row{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:9px 20px;
  color:#919d97;
  font-size:10px;
}

.forecast-row b{color:var(--ink)}
.forecast-row b.acc{color:#4fe0c0}

.shadow-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.shadow-grid>div{
  padding:12px;
  display:grid;
  gap:3px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}

.shadow-grid span{
  color:#748079;
  font-size:8px;
  text-transform:uppercase;
}

.shadow-grid b{
  color:#4fe0c0;
  font:600 18px 'Unbounded',sans-serif;
}

.shadow-grid small{
  color:#5e6964;
  font-size:8px;
}

.today-list{
  max-width:840px;
  margin:0 auto 80px;
  display:grid;
  gap:10px;
}

.today-cell{
  min-height:105px;
  padding:20px 23px;
  display:grid;
  grid-template-columns:145px 1fr;
  align-content:center;
  gap:5px 20px;
  border:1px solid rgba(234,240,238,.12);
  border-left-width:3px;
  border-radius:14px;
  background:#101613;
  text-decoration:none;
  transition:.2s;
}

.today-cell:hover{
  border-color:rgba(79,224,192,.45);
  background:#151d1a;
  transform:translateX(3px);
}

.today-cell.review{border-left-color:#4fe0c0}
.today-cell.continue{border-left-color:#ffb25f}
.today-cell.fix{border-left-color:#ff6b7a}

.today-tag{
  grid-row:span 2;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.today-tag svg{width:14px;height:14px}
.today-cell.review .today-tag{color:#4fe0c0}
.today-cell.continue .today-tag{color:#ffb25f}
.today-cell.fix .today-tag{color:#ff8995}

.today-title{
  color:var(--ink);
  font:600 15px/1.4 'Unbounded',sans-serif;
}

.today-sub{
  color:#6f7b75;
  font-size:10px;
}

.today-empty{
  max-width:680px;
  margin:0 auto 80px;
  padding:45px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:18px;
  background:#111815;
  text-align:center;
}

/* Страница отдельной темы */

.topic-page{
  max-width:760px;
  margin:0 auto;
  padding:60px 0 85px;
}

.topic-page .topic-head{
  margin-bottom:35px;
  text-align:center;
}

.topic-page .topic-h{
  margin:17px 0 13px;
  font:600 clamp(32px,5vw,48px)/1.08 'Unbounded',sans-serif;
  letter-spacing:-.045em;
  background:none;
  color:var(--ink);
  filter:none;
}

.topic-page .topic-sum{
  max-width:620px;
  margin:0 auto;
  color:#849089;
  font-size:13px;
  line-height:1.72;
}

.topic-page .diag-card{
  margin-top:15px;
}

.expl-card{
  margin-bottom:15px;
  padding:28px;
  border:1px solid rgba(234,240,238,.14);
  border-radius:18px;
  background:linear-gradient(145deg,#151d1a,#0f1512);
  box-shadow:none;
}

.expl-card.good{
  border-color:rgba(79,224,192,.25);
  background:rgba(79,224,192,.045);
}

.expl-card.bad{
  border-color:rgba(255,107,122,.22);
  background:rgba(255,107,122,.035);
}

.expl-tag{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:20px;
  color:#a9b3ae;
  background:rgba(234,240,238,.06);
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.expl-tag.good{
  color:#4fe0c0;
  background:rgba(79,224,192,.09);
}

.expl-tag.bad{
  color:#ff8995;
  background:rgba(255,107,122,.09);
}

.expl-kind{
  margin-top:14px;
  color:#4fe0c0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.expl-title{
  margin:10px 0;
  font:600 18px/1.4 'Unbounded',sans-serif;
}

.expl-body,
.expl-hint{
  color:#8d9993;
  font-size:12px;
  line-height:1.75;
}

.expl-body p{
  margin-bottom:10px;
}

.expl-diagram{
  margin:20px 0;
  padding:18px;
  overflow:auto;
  border:1px solid rgba(234,240,238,.1);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.expl-actions{
  margin-top:22px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.expl-actions .btn,
.expl-actions .btn2{
  min-height:41px;
  margin:0;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

.num-answer-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:9px;
}

.num-answer-input{
  min-height:52px;
  padding:0 15px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:10px;
  outline:0;
  background:rgba(255,255,255,.025);
  color:var(--ink);
  font-size:14px;
}

.num-answer-input:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.08);
}

.num-answer-form .btn{
  min-width:120px;
  min-height:52px;
  box-shadow:none;
}

.topic-meta{
  margin-top:15px;
  padding:14px 17px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:11px;
  background:#101613;
  color:#748079;
  font-size:9px;
}

/* Экзаменационный вариант */

.var-page{
  max-width:780px;
  margin:0 auto;
  padding:52px 0 85px;
}

.var-top{
  margin-bottom:18px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:17px;
}

.var-badge{
  min-width:82px;
  min-height:64px;
  padding:10px;
  display:grid;
  align-content:center;
  justify-items:center;
  border:1px solid rgba(79,224,192,.22);
  border-radius:12px;
  background:rgba(79,224,192,.055);
}

.var-badge-lbl{
  color:#748079;
  font-size:8px;
  text-transform:uppercase;
}

.var-badge-num{
  color:#4fe0c0;
  font:600 18px 'Unbounded',sans-serif;
}

.var-prog{
  height:5px;
  margin-bottom:8px;
  overflow:hidden;
  border-radius:5px;
  background:rgba(234,240,238,.07);
}

.var-prog-fill{
  height:100%;
  border-radius:5px;
  background:#4fe0c0;
  box-shadow:0 0 10px rgba(79,224,192,.35);
}

.var-prog-txt{
  color:#67736d;
  font-size:9px;
}

.var-nav{
  margin:0 0 18px;
  padding:13px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:13px;
  background:#0f1512;
}

.var-nav-item{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(234,240,238,.11);
  border-radius:7px;
  background:rgba(255,255,255,.02);
  color:#748079;
  font-size:9px;
  text-decoration:none;
}

.var-nav-item:hover{
  border-color:#4fe0c0;
  color:var(--ink);
}

.var-nav-item.done{
  border-color:rgba(79,224,192,.18);
  background:rgba(79,224,192,.1);
  color:#4fe0c0;
}

.var-nav-item.cur{
  border-color:#4fe0c0;
  background:#4fe0c0;
  color:#07110e;
  font-weight:900;
}

.var-nav-item.manual{
  border-style:dashed;
}

.var-nav-item.empty{
  opacity:.35;
  background:transparent;
}

.explanation-block{
  margin-bottom:14px;
}

.explanation-block>.btn2{
  min-height:39px;
  padding:0 13px;
  border-radius:9px;
  color:#8d9993;
  font-size:10px;
}

#explanationContainer{
  padding:20px;
  border:1px solid rgba(234,240,238,.11);
  border-radius:13px;
  background:#101613;
}

.exp-item+ .exp-item{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(234,240,238,.09);
}

.exp-item strong{
  color:#4fe0c0;
  font-size:9px;
  text-transform:uppercase;
}

.exp-item p{
  margin-top:8px;
  color:#8d9993;
  font-size:11px;
  line-height:1.72;
}

.var-timer{
  width:max-content;
  margin:0 0 14px auto;
  padding:8px 11px;
  border:1px solid rgba(79,224,192,.2);
  border-radius:9px;
  background:rgba(79,224,192,.055);
  color:#4fe0c0;
  font:600 11px 'Unbounded',sans-serif;
}

.var-timer.low{
  border-color:rgba(255,107,122,.3);
  background:rgba(255,107,122,.07);
  color:#ff8995;
}

.var-card{
  padding:31px;
  border:1px solid rgba(234,240,238,.14);
  border-radius:20px;
  background:linear-gradient(145deg,#151d1a,#0f1512);
  box-shadow:0 30px 80px rgba(0,0,0,.25);
}

.var-card.good{
  border-color:rgba(79,224,192,.3);
}

.var-card.bad{
  border-color:rgba(255,107,122,.25);
}

.var-topic{
  margin-bottom:15px;
  color:#4fe0c0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.var-q{
  margin-bottom:24px;
  font-size:19px;
  font-weight:700;
  line-height:1.58;
}

.var-opts{
  display:grid;
  gap:9px;
}

.var-opt{
  min-height:56px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:.2s;
}

.var-opt:hover{
  border-color:#4fe0c0;
  background:rgba(79,224,192,.055);
  transform:translateX(3px);
}

.var-lt{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:7px;
  background:rgba(234,240,238,.07);
  color:#8d9993;
  font-size:10px;
  font-weight:800;
}

.var-opt:hover .var-lt{
  background:#4fe0c0;
  color:#07110e;
}

.var-tag{
  width:max-content;
  margin-bottom:17px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  gap:6px;
  border-radius:20px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.var-hint{
  margin-bottom:18px;
  color:#aab4af;
  font-size:13px;
  line-height:1.65;
}

.var-expl{
  margin-top:17px;
  padding:21px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:13px;
  background:rgba(255,255,255,.02);
}

.var-expl-kind,
.root-gap-label{
  color:#4fe0c0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.var-expl-title{
  margin:9px 0;
  font:600 16px 'Unbounded',sans-serif;
}

.var-expl-body{
  color:#849089;
  font-size:11px;
  line-height:1.75;
}

.root-gap-box{
  margin-top:15px;
  padding:20px;
  border:1px solid rgba(255,178,95,.2);
  border-radius:13px;
  background:rgba(255,178,95,.045);
}

.root-gap-label{color:#ffb25f}

.root-gap-title{
  margin:8px 0;
  font:600 15px 'Unbounded',sans-serif;
}

.root-gap-hint{
  color:#8d9993;
  font-size:11px;
  line-height:1.65;
}

.root-gap-micro{
  margin-top:12px;
  display:grid;
  gap:6px;
}

.root-micro-item{
  padding:9px;
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#748079;
  font-size:9px;
}

.var-actions{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.var-actions .btn,
.var-actions .btn2{
  min-height:42px;
  margin:0;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

.var-manual-box{
  padding:22px;
  border:1px dashed rgba(234,240,238,.16);
  border-radius:13px;
  background:rgba(255,255,255,.02);
}

.var-manual-box p{
  color:#849089;
  font-size:12px;
  line-height:1.7;
}

/* Результат варианта */

.var-result-page{
  max-width:720px;
  margin:0 auto;
  padding:60px 0 85px;
  text-align:center;
}

.var-result-page>.pill{
  padding:7px 11px;
  border-color:rgba(255,178,95,.24);
  background:rgba(255,178,95,.06);
  color:#ffb25f;
  font:700 8px 'Unbounded',sans-serif;
}

.var-score-ring{
  position:relative;
  width:160px;
  margin:31px auto 20px;
}

.var-score-ring svg{
  width:160px;
  height:160px;
}

.var-score-txt{
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
}

.var-score-txt b{
  color:var(--ink);
  font:600 34px/1 'Unbounded',sans-serif;
}

.var-score-txt span{
  margin-top:5px;
  color:#748079;
  font-size:10px;
}

.var-manual-note{
  margin:0 auto 15px;
  padding:18px;
  border:1px solid rgba(255,178,95,.2);
  border-radius:13px;
  background:rgba(255,178,95,.045);
  color:#8d9993;
  font-size:11px;
  line-height:1.7;
}

.var-result-stats{
  margin:0 0 15px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.var-rstat{
  padding:19px;
  border:1px solid rgba(79,224,192,.18);
  border-radius:13px;
  background:rgba(79,224,192,.045);
}

.var-rstat.bad{
  border-color:rgba(255,107,122,.2);
  background:rgba(255,107,122,.04);
}

.var-rstat b{
  display:block;
  color:#4fe0c0;
  font:600 24px 'Unbounded',sans-serif;
}

.var-rstat.bad b{color:#ff8995}

.var-rstat span{
  color:#748079;
  font-size:9px;
}

.var-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:7px;
}

.var-cell{
  min-height:58px;
  padding:8px;
  display:grid;
  place-items:center;
  gap:3px;
  border:1px solid rgba(234,240,238,.11);
  border-radius:9px;
  background:#101613;
  color:#748079;
  font-size:9px;
}

.var-cell.good{
  border-color:rgba(79,224,192,.2);
  color:#4fe0c0;
}

.var-cell.bad{
  border-color:rgba(255,107,122,.2);
  color:#ff8995;
}

.var-cell svg{
  width:15px;
  height:15px;
}

.var-result-actions{
  margin-top:25px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}

.var-result-actions .btn,
.var-result-actions .btn2{
  min-height:43px;
  margin:0;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

/* Письменная работа */

.submit-success,
.no-reviewer-notice{
  margin-bottom:15px;
  padding:18px;
  border:1px solid rgba(79,224,192,.2);
  border-radius:13px;
  background:rgba(79,224,192,.05);
  color:#8d9993;
  font-size:11px;
  line-height:1.7;
}

.submit-success{
  display:flex;
  gap:13px;
}

.submit-success svg{
  width:22px;
  height:22px;
  flex:none;
  color:#4fe0c0;
}

.submit-success-title{
  margin-bottom:4px;
  color:#4fe0c0;
  font-weight:800;
}

.no-reviewer-notice{
  border-color:rgba(255,178,95,.2);
  background:rgba(255,178,95,.045);
}

.submit-text-form{
  padding:20px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:17px;
  background:#101613;
}

.submit-text-form textarea{
  width:100%;
  min-height:340px;
  padding:17px;
  resize:vertical;
  border:1px solid rgba(234,240,238,.12);
  border-radius:11px;
  outline:0;
  background:#0b100e;
  color:var(--ink);
  font:400 14px/1.75 'Manrope',sans-serif;
}

.submit-text-form textarea:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.08);
}

.submit-text-form .btn{
  min-height:45px;
  padding:0 17px;
  box-shadow:none;
  font-size:11px;
}

.submission-row{
  padding:16px;
  border-bottom:1px solid rgba(234,240,238,.09);
}

.submission-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#748079;
  font-size:10px;
}

.submission-feedback{
  margin-top:10px;
  color:#a0aba5;
  font-size:11px;
  line-height:1.7;
}

@media(max-width:680px){
  .today-cell{
    grid-template-columns:1fr;
    min-height:120px;
  }

  .today-tag{grid-row:auto}

  .shadow-grid{grid-template-columns:1fr}

  .topic-page,
  .var-page,
  .var-result-page{
    padding-top:45px;
    padding-bottom:70px;
  }

  .expl-card,
  .var-card{
    padding:23px 18px;
  }

  .num-answer-form{
    grid-template-columns:1fr;
  }

  .num-answer-form .btn{width:100%}

  .var-top{
    grid-template-columns:1fr;
  }

  .var-badge{
    width:max-content;
    min-width:75px;
  }

  .var-nav{
    max-height:145px;
    overflow-y:auto;
  }

  .var-grid{
    grid-template-columns:repeat(4,1fr);
  }

  .var-actions form,
  .var-actions .btn,
  .var-actions .btn2{
    width:100%;
  }

  .var-actions button{
    width:100%;
  }

  .var-result-stats{
    grid-template-columns:1fr 1fr;
  }

  .submit-text-form{
    padding:14px;
  }
}

/* PRACTICE FLOW V5 END */

/* CABINET V5 START */

.cab-page{
  max-width:1060px;
  margin:0 auto;
  padding:60px 0 90px;
}

.cab-top{
  margin-bottom:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}

.cab-top>div:first-child{
  margin-right:auto;
}

.cab-page .topic-h{
  margin:12px 0 0!important;
  font:600 clamp(32px,5vw,47px)/1.08 'Unbounded',sans-serif;
  letter-spacing:-.045em;
  background:none;
  color:var(--ink);
  filter:none;
  text-align:left;
}

.cab-top>.btn,
.cab-top>.btn2{
  min-height:42px;
  margin:0;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

.cab-top>.btn{
  background:#4fe0c0;
  border-color:#4fe0c0;
  color:#07110e;
}

.cab-page>.topic-sum{
  max-width:620px;
  margin:0 0 30px;
  color:#849089;
  font-size:13px;
  line-height:1.75;
}

/* Код приглашения */

.invite-card{
  margin-bottom:20px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid rgba(79,224,192,.22);
  border-radius:17px;
  background:linear-gradient(
    135deg,
    rgba(79,224,192,.08),
    rgba(79,224,192,.025)
  );
}

.invite-lbl{
  color:#4fe0c0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.invite-code{
  margin:8px 0 6px;
  color:var(--ink);
  font:600 27px 'Unbounded',sans-serif;
  letter-spacing:.12em;
}

.invite-sub{
  max-width:620px;
  color:#7d8983;
  font-size:10px;
  line-height:1.6;
}

.invite-card .btn2{
  min-height:37px;
  margin:0;
  padding:0 12px;
  border-radius:8px;
  font-size:9px;
  white-space:nowrap;
}

/* Уровни и серия */

.lvl-row{
  margin-bottom:18px;
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(250px,1fr)
  );
  gap:10px;
}

.lvl-card{
  padding:20px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:15px;
  background:#111815;
}

.lvl-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.lvl-subj{
  color:#748079;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.lvl-streak{
  color:#ffb25f;
  font-size:9px;
}

.lvl-name{
  margin:19px 0 13px;
  font:600 17px 'Unbounded',sans-serif;
}

.lvl-bar{
  height:4px;
  overflow:hidden;
  border-radius:5px;
  background:rgba(234,240,238,.07);
}

.lvl-bar-fill{
  height:100%;
  border-radius:5px;
  background:#4fe0c0;
  box-shadow:0 0 10px rgba(79,224,192,.35);
}

.lvl-sub{
  margin-top:9px;
  color:#68746e;
  font-size:9px;
}

.rank-card{
  margin-bottom:20px;
  padding:21px;
  display:flex;
  align-items:center;
  gap:18px;
  border:1px solid rgba(255,178,95,.2);
  border-radius:15px;
  background:rgba(255,178,95,.045);
}

.rank-num{
  min-width:58px;
  color:#ffb25f;
  font:600 29px 'Unbounded',sans-serif;
  text-align:center;
}

.rank-title{
  color:#d9dfdc;
  font-size:11px;
  font-weight:800;
}

.rank-sub{
  margin-top:4px;
  color:#748079;
  font-size:9px;
}

/* Общая статистика */

.cab-stats{
  margin:0 0 20px;
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(135px,1fr)
  );
  gap:9px;
}

.cab-stat{
  min-height:92px;
  padding:17px;
  display:grid;
  align-content:center;
  gap:4px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:13px;
  background:#111815;
}

.cab-stat b{
  color:#4fe0c0;
  font:600 24px 'Unbounded',sans-serif;
}

.cab-stat span{
  color:#748079;
  font-size:9px;
}

/* Активность и достижения */

.cab-sec-h{
  margin:27px 0 12px;
  color:#dfe5e2;
  font:600 14px 'Unbounded',sans-serif;
}

.heatmap-grid{
  margin-bottom:20px;
  padding:17px;
  display:grid;
  grid-template-columns:repeat(20,1fr);
  gap:4px;
  overflow-x:auto;
  border:1px solid rgba(234,240,238,.1);
  border-radius:13px;
  background:#101613;
}

.heatmap-cell{
  min-width:10px;
  aspect-ratio:1;
  border-radius:3px;
  background:rgba(234,240,238,.045);
}

.heatmap-cell.level-1{background:rgba(79,224,192,.22)}
.heatmap-cell.level-2{background:rgba(79,224,192,.4)}
.heatmap-cell.level-3{background:rgba(79,224,192,.68)}
.heatmap-cell.level-4{
  background:#4fe0c0;
  box-shadow:0 0 7px rgba(79,224,192,.3);
}

.badge-row{
  margin-bottom:20px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.achievement-badge{
  min-height:37px;
  padding:0 11px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,178,95,.18);
  border-radius:20px;
  background:rgba(255,178,95,.04);
  color:#ffbe76;
  font-size:9px;
}

.achievement-badge svg{
  width:15px;
  height:15px;
}

/* Разделы кабинета */

.cab-sec{
  margin-top:18px;
  padding:22px;
  overflow-x:auto;
  border:1px solid rgba(234,240,238,.11);
  border-radius:16px;
  background:#101613;
}

.cab-sec>.cab-sec-h:first-child{
  margin-top:0;
}

.subj-block{
  margin-top:38px;
  padding-top:4px;
  border-top:1px solid rgba(234,240,238,.12);
}

.subj-block>.subj-h{
  margin:27px 0 15px;
  color:#4fe0c0;
  font-size:18px;
}

.cab-row{
  min-height:50px;
  padding:10px 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:0;
  border-bottom:1px solid rgba(234,240,238,.08);
  border-radius:0;
  background:transparent;
  color:#aab4af;
  font-size:11px;
}

.cab-row:last-child{
  border-bottom:0;
}

.cab-row:hover{
  background:rgba(255,255,255,.015);
}

.cab-row a{
  color:var(--ink);
  text-decoration:none;
}

.badge{
  width:max-content;
  padding:5px 8px;
  border:1px solid rgba(234,240,238,.14);
  border-radius:20px;
  color:#7d8983;
  background:rgba(255,255,255,.02);
  font-size:8px;
  white-space:nowrap;
}

.badge.gap{
  border-color:rgba(255,107,122,.25);
  background:rgba(255,107,122,.055);
  color:#ff8995;
}

.badge.learning{
  border-color:rgba(255,178,95,.25);
  background:rgba(255,178,95,.055);
  color:#ffbe76;
}

.badge.mastered{
  border-color:rgba(79,224,192,.25);
  background:rgba(79,224,192,.055);
  color:#4fe0c0;
}

/* Повторяющиеся ошибки */

.pattern-card,
.teach-pattern{
  margin:10px 0;
  padding:18px;
  border:1px solid rgba(255,178,95,.18);
  border-radius:13px;
  background:rgba(255,178,95,.035);
}

.pattern-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
}

.pattern-ic{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,178,95,.22);
  border-radius:10px;
  color:#ffb25f;
}

.pattern-ic svg{
  width:18px;
  height:18px;
}

.pattern-lbl{
  color:#ffb25f;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.pattern-title,
.teach-pattern-title{
  margin-top:6px;
  color:#dfe5e2;
  font-size:12px;
  font-weight:800;
}

.pattern-sub,
.teach-pattern-sub,
.teach-pattern-ex{
  margin-top:4px;
  color:#748079;
  font-size:9px;
  line-height:1.6;
}

.pattern-hint{
  margin-top:8px;
  color:#a6b0ab;
  font-size:10px;
  line-height:1.6;
}

.teach-pattern-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.teach-pattern-count{
  padding:5px 8px;
  border-radius:20px;
  background:rgba(255,178,95,.08);
  color:#ffb25f;
  font-size:8px;
  white-space:nowrap;
}

.teach-pattern-link{
  margin-top:10px;
  display:inline-block;
  color:#4fe0c0;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
}

/* Приоритеты */

.prio-row{
  min-height:62px;
  padding:12px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid rgba(234,240,238,.08);
  text-decoration:none;
}

.prio-row:last-child{
  border-bottom:0;
}

.prio-main{
  display:grid;
  gap:4px;
}

.prio-title{
  color:var(--ink);
  font-size:11px;
  font-weight:800;
}

.prio-nums{
  color:#68746e;
  font-size:9px;
}

.prio-points{
  color:#4fe0c0;
  font:600 16px 'Unbounded',sans-serif;
  white-space:nowrap;
}

.prio-points span{
  display:block;
  color:#68746e;
  font:400 7px 'Manrope',sans-serif;
}

/* Таблицы */

.class-table{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
  color:#9aa69f;
  font-size:10px;
}

.class-table th{
  padding:11px 12px;
  border-bottom:1px solid rgba(234,240,238,.12);
  color:#65716b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
  text-align:left;
  text-transform:uppercase;
}

.class-table td{
  padding:13px 12px;
  border-bottom:1px solid rgba(234,240,238,.07);
}

.class-table tr:last-child td{
  border-bottom:0;
}

.class-table tr:hover td{
  background:rgba(255,255,255,.015);
}

.class-table a{
  color:#dfe5e2;
  font-weight:700;
  text-decoration:none;
}

.class-table a:hover{
  color:#4fe0c0;
}

/* Очередь письменных работ */

.review-card{
  margin-bottom:18px;
  padding:26px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:17px;
  background:#101613;
}

.review-top{
  margin-bottom:18px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 13px;
}

.review-student{
  color:var(--ink);
  font-size:12px;
  font-weight:800;
}

.review-topic{
  padding:5px 8px;
  border-radius:20px;
  background:rgba(79,224,192,.07);
  color:#4fe0c0;
  font-size:8px;
}

.review-date{
  margin-left:auto;
  color:#65716b;
  font-size:8px;
}

.review-text{
  max-height:460px;
  padding:20px;
  overflow:auto;
  border:1px solid rgba(234,240,238,.1);
  border-radius:12px;
  background:#0b100e;
  color:#b4bdb9;
  font-size:12px;
  line-height:1.8;
}

.review-text p{
  margin-bottom:12px;
}

.grammar-box{
  margin-top:15px;
  padding:17px;
  border:1px solid rgba(255,178,95,.18);
  border-radius:12px;
  background:rgba(255,178,95,.04);
}

.grammar-box-h{
  margin-bottom:10px;
  color:#ffb25f;
  font-size:9px;
  font-weight:800;
  line-height:1.5;
}

.grammar-issue{
  padding:8px 0;
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  border-bottom:1px solid rgba(255,178,95,.09);
  font-size:9px;
}

.grammar-issue:last-child{
  border-bottom:0;
}

.grammar-issue-word{
  color:#ffbe76;
  font-weight:800;
}

.grammar-issue-msg{
  color:#8d9993;
}

.grammar-issue-fix{
  color:#4fe0c0;
}

.review-form{
  margin-top:17px;
  padding-top:17px;
  border-top:1px solid rgba(234,240,238,.1);
}

.review-score-row{
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:10px;
}

.review-score-row label{
  color:#8d9993;
  font-size:10px;
}

.review-score{
  width:80px;
  min-height:40px;
  padding:0 10px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:8px;
  outline:0;
  background:#0b100e;
  color:var(--ink);
}

.review-form textarea{
  width:100%;
  min-height:105px;
  padding:13px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:9px;
  outline:0;
  resize:vertical;
  background:#0b100e;
  color:var(--ink);
  font:400 11px/1.65 'Manrope',sans-serif;
}

.review-score:focus,
.review-form textarea:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.07);
}

.review-form .btn{
  min-height:42px;
  margin-top:10px;
  padding:0 15px;
  box-shadow:none;
  font-size:10px;
}

/* Уведомление о достижении */

.ach-toast{
  right:20px;
  bottom:20px;
  max-width:340px;
  padding:16px;
  border:1px solid rgba(79,224,192,.22);
  border-radius:14px;
  background:#121a17;
  box-shadow:0 25px 70px rgba(0,0,0,.4);
}

.ach-toast-ic{
  color:#4fe0c0;
}

.ach-toast-title{
  color:#4fe0c0;
  font-size:11px;
}

.ach-toast-body{
  color:#b1bbb6;
  font-size:10px;
}

/* Мобильная версия */

@media(max-width:720px){
  .cab-page{
    padding-top:42px;
    padding-bottom:70px;
  }

  .cab-top{
    align-items:flex-start;
  }

  .cab-top>div:first-child{
    width:100%;
  }

  .cab-top>.btn,
  .cab-top>.btn2{
    flex:1;
    justify-content:center;
  }

  .invite-card{
    align-items:flex-start;
    flex-direction:column;
  }

  .invite-code{
    font-size:23px;
  }

  .cab-stats{
    grid-template-columns:1fr 1fr;
  }

  .cab-sec{
    padding:18px 15px;
  }

  .pattern-card{
    grid-template-columns:1fr;
  }

  .review-card{
    padding:20px 15px;
  }

  .review-date{
    width:100%;
    margin-left:0;
  }

  .review-text{
    padding:15px;
  }

  .prio-row{
    align-items:flex-start;
  }
}

@media(max-width:420px){
  .cab-stats{
    grid-template-columns:1fr;
  }

  .cab-stat{
    min-height:78px;
  }

  .badge{
    white-space:normal;
    text-align:center;
  }
}

/* CABINET V5 END */

/* TOOLS V5 START */

/* Выбор экзаменов */

.exam-group-h{
  margin:34px 0 12px;
  color:#dfe5e2;
  font:600 15px 'Unbounded',sans-serif;
}

.exam-choice-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}

.exam-choice-card{
  min-height:88px;
  padding:17px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:13px;
  background:#101613;
  cursor:pointer;
  transition:.2s;
}

.exam-choice-card:hover{
  border-color:rgba(79,224,192,.4);
  background:#151d1a;
  transform:translateY(-1px);
}

.exam-choice-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.exam-choice-card:has(input:checked){
  border-color:#4fe0c0;
  background:rgba(79,224,192,.065);
}

.exam-choice-check{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid rgba(234,240,238,.15);
  border-radius:8px;
  color:transparent;
  background:rgba(255,255,255,.025);
}

.exam-choice-card:has(input:checked) .exam-choice-check{
  border-color:#4fe0c0;
  background:#4fe0c0;
  color:#07110e;
}

.exam-choice-check svg{
  width:15px;
  height:15px;
}

.exam-choice-title{
  color:var(--ink);
  font-size:12px;
  font-weight:800;
}

.exam-choice-sub{
  margin-top:3px;
  color:#6f7b75;
  font-size:9px;
}

.subj-page>form>.btn{
  min-height:45px;
  margin-top:22px!important;
  padding:0 18px;
  border-radius:9px;
  box-shadow:none;
  font-size:11px;
}

/* Карта знаний */

.map-page{
  max-width:960px;
  margin:0 auto;
  padding:60px 0 90px;
}

.map-page .topic-head{
  margin-bottom:38px;
  text-align:center;
}

.map-page .topic-h{
  margin:17px 0 13px;
  font:600 clamp(34px,5vw,50px)/1.08 'Unbounded',sans-serif;
  letter-spacing:-.045em;
  background:none;
  color:var(--ink);
  filter:none;
}

.map-page .topic-sum{
  color:#849089;
  font-size:13px;
}

.weak-card{
  margin-bottom:15px;
  padding:21px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  border:1px solid rgba(255,107,122,.22);
  border-radius:15px;
  background:rgba(255,107,122,.045);
  text-decoration:none;
  transition:.2s;
}

.weak-card:hover{
  border-color:#ff7f8c;
  background:rgba(255,107,122,.07);
  transform:translateY(-2px);
}

.weak-ic{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,107,122,.24);
  border-radius:11px;
  color:#ff8995;
}

.weak-ic svg{
  width:20px;
  height:20px;
}

.weak-lbl{
  color:#ff8995;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.weak-title{
  margin:4px 0;
  color:var(--ink);
  font:600 14px 'Unbounded',sans-serif;
}

.weak-sub{
  color:#748079;
  font-size:9px;
}

.weak-arrow{
  color:#ff8995;
  font-size:20px;
}

.map-legend{
  margin-bottom:14px;
  padding:13px 16px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 22px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:12px;
  background:#101613;
  color:#7d8983;
  font-size:9px;
}

.map-legend span{
  display:flex;
  align-items:center;
  gap:7px;
}

.dot-lg{
  width:8px;
  height:8px;
  display:block;
  border-radius:50%;
}

.map-stage{
  margin-bottom:25px;
  padding:20px;
  overflow:auto;
  border:1px solid rgba(234,240,238,.12);
  border-radius:17px;
  background:linear-gradient(145deg,#121916,#0c110f);
  box-shadow:0 25px 70px rgba(0,0,0,.2);
}

.map-svg{
  width:100%;
  height:auto;
  min-width:640px;
  display:block;
}

.map-svg a circle{
  cursor:pointer;
  transition:.15s;
}

.map-svg a:hover circle{
  filter:drop-shadow(0 0 7px currentColor);
}

.map-group{
  margin-bottom:12px;
  padding:20px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:14px;
  background:#101613;
}

.map-group-h{
  margin-bottom:10px;
  font:600 12px 'Unbounded',sans-serif;
}

.map-group-h.bad{color:#ff8995}
.map-group-h.warm{color:#ffbe76}
.map-group-h.ok{color:#4fe0c0}

.map-row{
  min-height:46px;
  padding:9px 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:13px;
  border:0;
  border-bottom:1px solid rgba(234,240,238,.08);
  border-radius:0;
  background:transparent;
  color:#aab4af;
  font-size:11px;
  text-decoration:none;
}

.map-row:last-child{border-bottom:0}

.map-row:hover{
  color:var(--ink);
  background:rgba(255,255,255,.015);
  transform:translateX(2px);
}

.map-row-g{
  color:#65716b;
  font-size:9px;
  white-space:nowrap;
}

/* Задания ФИПИ */

.task-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}

.task-cell{
  min-height:126px;
  padding:17px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(234,240,238,.12);
  border-radius:13px;
  background:#101613;
  text-decoration:none;
  transition:.2s;
}

.task-cell:hover{
  border-color:#4fe0c0;
  background:#151d1a;
  transform:translateY(-2px);
}

.task-cell.soon{
  opacity:.4;
}

.task-num{
  color:#4fe0c0;
  font:600 18px 'Unbounded',sans-serif;
}

.task-title{
  margin-top:13px;
  color:#7d8983;
  font-size:9px;
  line-height:1.55;
}

.task-topics{
  max-width:760px;
  margin:0 auto;
  padding:20px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:15px;
  background:#101613;
}

.task-topic-row{
  min-height:53px;
  padding:10px 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border:0;
  border-bottom:1px solid rgba(234,240,238,.08);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font-size:11px;
  text-decoration:none;
}

.task-topic-row:last-child{
  border-bottom:0;
}

.task-topic-row:hover{
  border-color:rgba(234,240,238,.08);
  color:#4fe0c0;
  transform:translateX(2px);
}

.dot-tag{
  width:8px;
  height:8px;
  margin-right:8px;
  display:inline-block;
  border-radius:50%;
}

/* Список заданий учителя */

.subj-page .card{
  margin-bottom:9px!important;
  padding:19px!important;
  border:1px solid rgba(234,240,238,.11);
  border-radius:13px;
  background:#101613;
  box-shadow:none;
}

.subj-page .card:after{
  display:none;
}

.subj-page .card:hover{
  border-color:rgba(79,224,192,.3);
  background:#151d1a;
  transform:translateY(-1px);
  box-shadow:none;
}

.subj-page .card .pill{
  padding:5px 8px;
  border-radius:20px;
  font-size:8px;
}

.subj-page .topic-head[style]{
  max-width:none;
  text-align:left;
}

.subj-page .topic-head[style] .topic-sum{
  margin-left:0;
  text-align:left;
}

.subj-page .topic-head[style] .btn,
.subj-page .topic-head[style] .btn2{
  min-height:41px;
  margin:0;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

/* Форма назначения */

.assign-form{
  max-width:660px;
  padding:27px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:18px;
  background:#101613;
}

.assign-block{
  margin-bottom:20px;
}

.assign-label{
  margin-bottom:7px;
  color:#aab4af;
  font-size:10px;
  font-weight:800;
}

.assign-select,
.assign-input{
  width:100%;
  min-height:49px;
  padding:0 13px;
  border:1px solid rgba(234,240,238,.13);
  border-radius:9px;
  outline:0;
  background:#0b100e;
  color:var(--ink);
}

.assign-select:focus,
.assign-input:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.07);
}

.assign-select option{
  background:#101613;
  color:var(--ink);
}

.assign-radio-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.assign-radio{
  min-height:46px;
  padding:0 13px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:9px;
  color:#8d9993;
  font-size:10px;
  cursor:pointer;
}

.assign-radio:has(input:checked){
  border-color:#4fe0c0;
  background:rgba(79,224,192,.06);
  color:#4fe0c0;
}

.assign-radio input{
  accent-color:#4fe0c0;
}

.assign-form>.btn{
  min-height:45px;
  padding:0 17px;
  border-radius:9px;
  box-shadow:none;
  font-size:11px;
}

/* Учительская теплокарта */

.heat-filters{
  max-width:650px;
  margin:0 auto 20px;
  padding:13px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  border:1px solid rgba(234,240,238,.1);
  border-radius:13px;
  background:#101613;
}

.heat-filters select{
  min-height:44px;
  padding:0 12px;
  border:1px solid rgba(234,240,238,.12);
  border-radius:8px;
  outline:0;
  background:#0b100e;
  color:var(--ink);
}

.heat-meta{
  margin-bottom:15px;
  color:#748079;
  font-size:9px;
  text-align:center;
}

.heat-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}

.heat-cell{
  min-height:145px;
  padding:15px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:1px solid rgba(234,240,238,.11);
  border-radius:12px;
  background:#101613;
  transition:.2s;
}

.heat-cell:hover{
  transform:translateY(-2px);
}

.heat-cell b{
  color:#aab4af;
  font-size:10px;
}

.heat-cell span{
  margin:16px 0 2px;
  font:600 22px 'Unbounded',sans-serif;
}

.heat-cell small{
  color:#65716b;
  font-size:8px;
}

.heat-cell.lv0{
  border-color:rgba(79,224,192,.14);
  background:rgba(79,224,192,.035);
}

.heat-cell.lv0 span{color:#4fe0c0}

.heat-cell.lv1{
  border-color:rgba(255,178,95,.17);
  background:rgba(255,178,95,.035);
}

.heat-cell.lv1 span{color:#ffb25f}

.heat-cell.lv2{
  border-color:rgba(255,138,101,.2);
  background:rgba(255,138,101,.04);
}

.heat-cell.lv2 span{color:#ff8a65}

.heat-cell.lv3{
  border-color:rgba(255,107,122,.28);
  background:rgba(255,107,122,.055);
}

.heat-cell.lv3 span{color:#ff6b7a}

.heat-assign{
  min-height:27px;
  margin-top:auto;
  padding:0 8px;
  border:1px solid rgba(79,224,192,.22);
  border-radius:7px;
  background:rgba(79,224,192,.06);
  color:#4fe0c0;
  font-size:8px;
  cursor:pointer;
}

.heat-assign:hover{
  background:#4fe0c0;
  color:#07110e;
}

/* Босс дня */

.boss-page{
  min-height:calc(100vh - 190px);
  padding:80px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
}

.boss-page:before{
  content:'';
  position:absolute;
  width:500px;
  height:500px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(255,107,122,.1),
    transparent 68%
  );
}

.boss-badge{
  padding:7px 12px;
  border:1px solid rgba(255,107,122,.3);
  border-radius:30px;
  background:rgba(255,107,122,.075);
  color:#ff8995;
  font:700 9px 'Unbounded',sans-serif;
  letter-spacing:.08em;
}

.boss-badge.done{
  border-color:rgba(79,224,192,.25);
  background:rgba(79,224,192,.07);
  color:#4fe0c0;
}

.boss-page .topic-h{
  margin:23px 0 13px;
  font:600 clamp(35px,5vw,52px)/1.07 'Unbounded',sans-serif;
  letter-spacing:-.05em;
  background:none;
  color:var(--ink);
  filter:none;
}

.boss-page .topic-sum{
  max-width:550px;
  color:#849089;
  font-size:13px;
  line-height:1.75;
}

.boss-actions{
  margin-top:27px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}

.boss-actions .btn,
.boss-actions .btn2,
.boss-page>.btn2{
  min-height:45px;
  margin:0;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

.boss-btn{
  border-color:#ff7f72!important;
  background:linear-gradient(135deg,#ffb25f,#ff6b7a)!important;
  color:#190b09!important;
}

.boss-btn:hover{
  box-shadow:0 15px 40px rgba(255,107,122,.2)!important;
}

/* Закрытая тема */

.lock-card{
  min-height:460px;
  padding:55px 35px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(234,240,238,.12);
  border-radius:21px;
  background:linear-gradient(145deg,#151d1a,#0e1411);
  text-align:center;
}

.lock-ic{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,178,95,.23);
  border-radius:16px;
  background:rgba(255,178,95,.055);
  color:#ffb25f;
}

.lock-ic svg{
  width:27px;
  height:27px;
}

.lock-card .topic-h{
  margin:25px 0 13px;
  font-size:34px;
}

.lock-card .topic-sum{
  max-width:560px;
  margin-bottom:24px;
}

.lock-card .btn{
  min-height:44px;
  padding:0 16px;
  border-radius:9px;
  box-shadow:none;
  font-size:10px;
}

/* Адаптивность */

@media(max-width:980px){
  .exam-choice-grid{grid-template-columns:1fr 1fr}
  .task-grid{grid-template-columns:repeat(4,1fr)}
  .heat-grid{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:680px){
  .map-page{
    padding-top:45px;
    padding-bottom:70px;
  }

  .exam-choice-grid{grid-template-columns:1fr}

  .weak-card{
    grid-template-columns:auto 1fr;
  }

  .weak-arrow{display:none}

  .map-stage{
    margin-left:-10px;
    margin-right:-10px;
    padding:12px;
  }

  .task-grid{grid-template-columns:1fr 1fr}

  .task-cell{min-height:115px}

  .subj-page .topic-head[style]{
    display:block!important;
  }

  .subj-page .topic-head[style]>div+div{
    margin-top:15px;
  }

  .assign-form{
    padding:21px 16px;
  }

  .assign-radio-row{grid-template-columns:1fr}

  .heat-filters{grid-template-columns:1fr}

  .heat-grid{grid-template-columns:1fr 1fr}

  .heat-cell{min-height:130px}

  .boss-page{
    min-height:auto;
    padding:70px 15px;
  }

  .lock-card{
    min-height:420px;
    padding:45px 20px;
  }

  .lock-card .topic-h{font-size:29px}
}

@media(max-width:400px){
  .task-grid{grid-template-columns:1fr}
  .heat-grid{grid-template-columns:1fr}
}

/* TOOLS V5 END */


/* YEAR NAVIGATOR V6 START */
.today-v6{
  max-width:1120px;
  margin:0 auto;
}

.year-nav{
  position:relative;
  margin:26px 0 34px;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(114,231,199,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 90% 0,
      rgba(79,224,192,.14),transparent 34%),
    linear-gradient(145deg,
      rgba(26,35,37,.98),rgba(15,20,23,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.year-nav::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:240px;
  height:240px;
  border:1px solid rgba(79,224,192,.13);
  border-radius:50%;
}

.year-nav-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:28px;
}

.year-kicker{
  margin-bottom:8px;
  color:#72e7c7;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.year-nav h2{
  margin:0 0 8px;
  color:#f3faf7;
  font-size:clamp(25px,4vw,38px);
}

.year-nav p{
  max-width:620px;
  margin:0;
  color:#9eaaa6;
  line-height:1.55;
}

.year-countdown{
  min-width:175px;
  padding:17px 19px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  text-align:right;
}

.year-countdown strong{
  display:block;
  color:#f5fcf9;
  font-size:35px;
  line-height:1;
}

.year-countdown span,
.year-countdown small{
  display:block;
  margin-top:6px;
  color:#8f9b97;
  font-size:12px;
}

.year-status-row{
  display:flex;
  align-items:center;
  gap:9px;
  margin:22px 0 18px;
  color:#cbd7d3;
  font-size:13px;
}

.year-status-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#4fe0c0;
  box-shadow:0 0 16px rgba(79,224,192,.7);
}

.year-nav.intensive .year-status-dot{
  background:#ffb25f;
  box-shadow:0 0 16px rgba(255,178,95,.7);
}

.year-nav.content .year-status-dot{
  background:#ff6b7a;
}

.year-progress-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:9px;
  color:#9ca9a5;
  font-size:12px;
}

.year-progress-head b{
  color:#eaf7f2;
}

.year-progress{
  height:9px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.07);
}

.year-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3bcaaa,#7aebcd);
  box-shadow:0 0 18px rgba(79,224,192,.36);
}

.year-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:22px;
}

.year-metrics>div,
.year-rhythm>div{
  padding:15px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}

.year-metrics strong{
  display:block;
  color:#edf8f4;
  font-size:23px;
}

.year-metrics span,
.year-rhythm span{
  display:block;
  margin-top:4px;
  color:#82908b;
  font-size:11px;
}

.year-rhythm{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:10px;
}

.year-rhythm b{
  display:block;
  margin-top:5px;
  color:#d9e7e2;
  font-size:13px;
}

.year-settings{
  position:relative;
  z-index:2;
  margin-top:18px;
}

.year-settings summary{
  width:max-content;
  color:#72e7c7;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}

.year-settings-form{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:16px;
  padding:17px;
  border-radius:18px;
  background:rgba(0,0,0,.16);
}

.year-settings-form label span{
  display:block;
  margin-bottom:7px;
  color:#899691;
  font-size:11px;
}

.year-settings-form input{
  width:100%;
  height:42px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  outline:none;
  color:#eef8f4;
  background:#111719;
}

.year-settings-form input:focus{
  border-color:#4fe0c0;
}

.year-settings-form .btn{
  grid-column:1/-1;
  justify-self:start;
}

.today-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin:0 0 16px;
}

.today-section-head span{
  color:#72e7c7;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.today-section-head h2{
  margin:5px 0 0;
  color:#edf7f3;
  font-size:25px;
}

.today-section-head small{
  color:#85918d;
}

.today-cell.new{
  border-color:rgba(125,139,255,.22);
  background:
    linear-gradient(135deg,
      rgba(125,139,255,.08),rgba(255,255,255,.02));
}

.today-cell.new .today-tag{
  color:#aab3ff;
}

.today-empty{
  text-align:center;
}

.today-empty-icon{
  margin-bottom:8px;
  color:#72e7c7;
  font-size:42px;
}

.today-empty h2{
  margin:0 0 8px;
  color:#edf8f4;
}

@media(max-width:760px){
  .year-nav{
    padding:21px;
    border-radius:22px;
  }

  .year-nav-top{
    display:block;
  }

  .year-countdown{
    width:100%;
    margin-top:18px;
    text-align:left;
  }

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

  .year-rhythm,
  .year-settings-form{
    grid-template-columns:1fr;
  }

  .today-section-head{
    align-items:flex-start;
  }
}
/* YEAR NAVIGATOR V6 END */


/* TUTOR MODE V1 START */
.tutor-v1{
  max-width:980px;
  margin:0 auto;
}

.tutor-head{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:flex-start;
}

.tutor-head-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-width:360px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  background:rgba(255,255,255,.025);
}

.tutor-head-stats>div{
  padding:16px 13px;
  text-align:center;
}

.tutor-head-stats>div+div{
  border-left:1px solid rgba(255,255,255,.07);
}

.tutor-head-stats strong{
  display:block;
  color:#edf9f5;
  font-size:21px;
}

.tutor-head-stats span{
  display:block;
  margin-top:4px;
  color:#7f8d88;
  font-size:10px;
}

.tutor-road{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:27px 0;
}

.tutor-road>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;
  color:#697671;
  background:rgba(255,255,255,.018);
  font-size:11px;
}

.tutor-road i{
  display:grid;
  flex:0 0 25px;
  width:25px;
  height:25px;
  place-items:center;
  border-radius:50%;
  background:#202729;
  color:#899691;
  font-style:normal;
}

.tutor-road .active{
  border-color:rgba(79,224,192,.3);
  color:#dff8f0;
  background:rgba(79,224,192,.075);
}

.tutor-road .active i{
  color:#10241f;
  background:#4fe0c0;
  box-shadow:0 0 18px rgba(79,224,192,.38);
}

.tutor-flash,
.tutor-coach{
  display:flex;
  align-items:flex-start;
  gap:15px;
  margin-bottom:16px;
  padding:17px 19px;
  border-radius:18px;
}

.tutor-flash{
  border:1px solid rgba(255,255,255,.07);
}

.tutor-flash>span{
  display:grid;
  flex:0 0 32px;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:50%;
  font-weight:900;
}

.tutor-flash b{
  color:#eff9f5;
}

.tutor-flash p{
  margin:4px 0 0;
  color:#96a39e;
  font-size:13px;
}

.tutor-flash.good{
  background:rgba(79,224,192,.07);
}

.tutor-flash.good>span{
  color:#10231e;
  background:#4fe0c0;
}

.tutor-flash.bad{
  background:rgba(255,178,95,.07);
}

.tutor-flash.bad>span{
  color:#2b1d0f;
  background:#ffb25f;
}

.tutor-coach{
  position:relative;
  border:1px solid rgba(122,235,205,.17);
  background:
    radial-gradient(circle at 0 0,
      rgba(79,224,192,.1),transparent 38%),
    #151d1f;
}

.tutor-avatar{
  position:relative;
  flex:0 0 47px;
  width:47px;
  height:47px;
}

.tutor-avatar span{
  display:grid;
  width:47px;
  height:47px;
  place-items:center;
  border-radius:15px;
  color:#10231e;
  background:linear-gradient(145deg,#72e7c7,#39c9a7);
  font-size:19px;
  font-weight:900;
}

.tutor-avatar i{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:13px;
  height:13px;
  border:3px solid #151d1f;
  border-radius:50%;
  background:#4fe0c0;
}

.tutor-coach-label,
.tutor-card-kicker{
  color:#72e7c7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tutor-coach p{
  margin:7px 0 0;
  color:#dce9e4;
  font-size:15px;
  line-height:1.55;
}

.tutor-task,
.tutor-explanation,
.tutor-reflect,
.tutor-done{
  margin:17px 0;
  padding:25px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:#151b1d;
  box-shadow:0 24px 60px rgba(0,0,0,.16);
}

.tutor-task.transfer{
  border-color:rgba(125,139,255,.26);
  background:
    radial-gradient(circle at 100% 0,
      rgba(125,139,255,.11),transparent 35%),
    #151b1d;
}

.tutor-task-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.tutor-task-top b{
  margin-left:12px;
  color:#7e8b87;
  font-size:11px;
}

.tutor-task-top small{
  color:#6f7c78;
}

.tutor-question{
  color:#f1f8f5;
  font-size:clamp(18px,3vw,23px);
  font-weight:650;
  line-height:1.5;
}

.tutor-task-image,
.tutor-explanation-image{
  display:block;
  max-width:100%;
  margin:19px auto;
  border-radius:16px;
}

.tutor-options{
  display:grid;
  gap:10px;
  margin-top:23px;
}

.tutor-option{
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  color:#dce8e4;
  background:rgba(255,255,255,.025);
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}

.tutor-option:hover{
  transform:translateY(-1px);
  border-color:rgba(79,224,192,.35);
  background:rgba(79,224,192,.065);
}

.tutor-option span{
  display:grid;
  flex:0 0 29px;
  width:29px;
  height:29px;
  place-items:center;
  border-radius:9px;
  color:#8d9b96;
  background:#222a2c;
  font-size:11px;
}

.tutor-option b{
  font-weight:600;
}

.tutor-help-actions{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:18px;
}

.tutor-text-btn{
  padding:9px 3px;
  border:0;
  color:#82918c;
  background:transparent;
  cursor:pointer;
}

.tutor-text-btn:hover{
  color:#72e7c7;
}

.tutor-explanation{
  border-color:rgba(255,178,95,.18);
  background:
    linear-gradient(145deg,
      rgba(255,178,95,.055),rgba(255,255,255,.018));
}

.tutor-explanation h2,
.tutor-reflect h2,
.tutor-done h2{
  margin:8px 0 12px;
  color:#eff8f5;
  font-size:24px;
}

.tutor-explanation-body{
  color:#bdcac5;
  line-height:1.7;
}

.tutor-inline-action{
  margin-top:17px;
}

.tutor-reflect p{
  color:#97a49f;
  line-height:1.55;
}

.tutor-reflect textarea{
  width:100%;
  margin:10px 0 13px;
  padding:15px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:15px;
  outline:none;
  resize:vertical;
  color:#edf8f4;
  background:#101617;
  font:inherit;
  line-height:1.55;
}

.tutor-reflect textarea:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.08);
}

.tutor-done{
  padding:36px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0,
      rgba(79,224,192,.15),transparent 42%),
    #151b1d;
}

.tutor-done-icon{
  display:grid;
  width:62px;
  height:62px;
  margin:0 auto 17px;
  place-items:center;
  border-radius:20px;
  color:#10231e;
  background:#4fe0c0;
  box-shadow:0 0 35px rgba(79,224,192,.27);
  font-size:28px;
  font-weight:950;
}

.tutor-done>p{
  color:#99a7a2;
}

.tutor-done-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin:24px 0;
}

.tutor-done-grid>div{
  padding:15px 9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}

.tutor-done-grid strong{
  display:block;
  color:#eff9f5;
  font-size:22px;
}

.tutor-done-grid span{
  display:block;
  margin-top:4px;
  color:#788681;
  font-size:10px;
}

.tutor-writing-link{
  display:inline-flex;
  margin:12px 0;
}

.tutor-session-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:20px;
  padding:15px 2px;
  color:#687570;
  font-size:11px;
}

@media(max-width:760px){
  .tutor-head{
    display:block;
  }

  .tutor-head-stats{
    min-width:0;
    margin-top:18px;
  }

  .tutor-road{
    grid-template-columns:repeat(5,42px);
    overflow-x:auto;
  }

  .tutor-road>div{
    justify-content:center;
  }

  .tutor-road span{
    display:none;
  }

  .tutor-task,
  .tutor-explanation,
  .tutor-reflect,
  .tutor-done{
    padding:20px;
    border-radius:20px;
  }

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

  .tutor-help-actions{
    align-items:flex-start;
    flex-direction:column;
  }
}
/* TUTOR MODE V1 END */


/* KNOWLEDGE METER V1 START */
.knowledge-meter{
  margin:22px 0 16px;
  padding:20px;
  border:1px solid rgba(125,139,255,.22);
  border-radius:20px;
  background:linear-gradient(145deg,
    rgba(125,139,255,.08),rgba(79,224,192,.035));
}
.knowledge-meter-main{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  align-items:end;
  gap:18px;
}
.knowledge-meter-main>div+div{
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.07);
}
.knowledge-meter-main strong{
  display:block;
  margin-top:5px;
  color:#f0f8f5;
  font-size:31px;
}
.knowledge-meter-main span,
.knowledge-meter-main small{
  display:block;
  color:#7f8c88;
  font-size:11px;
}
.knowledge-range b,
.knowledge-confidence b{
  display:block;
  margin-top:7px;
  color:#dbe7e3;
  font-size:17px;
}
.knowledge-track{
  height:8px;
  margin-top:17px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.07);
}
.knowledge-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#7d8bff,#4fe0c0);
}
.knowledge-caption{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-top:10px;
  color:#87948f;
  font-size:11px;
}
@media(max-width:680px){
  .knowledge-meter-main{grid-template-columns:1fr 1fr}
  .knowledge-meter-main>div:first-child{grid-column:1/-1}
  .knowledge-meter-main>div:nth-child(2){
    padding-left:0;
    border-left:0;
  }
  .knowledge-caption{display:block}
}
/* KNOWLEDGE METER V1 END */


/* EXAM FORECAST V1 START */
.exam-predict{
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(255,178,95,.16);
  border-radius:20px;
  background:
    radial-gradient(circle at 0 0,
      rgba(255,178,95,.09),transparent 35%),
    rgba(0,0,0,.14);
}

.exam-predict-main{
  display:grid;
  grid-template-columns:.8fr 1.4fr 1fr;
  align-items:center;
  gap:20px;
}

.exam-predict-main>div+div{
  padding-left:20px;
  border-left:1px solid rgba(255,255,255,.07);
}

.exam-predict-main strong{
  display:block;
  margin-top:5px;
  color:#fff4e7;
  font-size:38px;
  line-height:1;
}

.exam-predict-main b{
  color:#e6eee9;
}

.exam-predict-main span,
.exam-predict-main small{
  display:block;
  color:#84918c;
  font-size:11px;
}

.exam-predict-range b{
  display:block;
  margin:7px 0 5px;
  font-size:18px;
}

.exam-predict-trust{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.exam-predict-trust>div{
  padding:11px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
}

.exam-predict-trust b{
  display:block;
  margin-top:5px;
  font-size:17px;
}

.exam-levers{
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.07);
}

.exam-levers-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:10px;
}

.exam-levers-head span{
  color:#dce8e3;
  font-size:13px;
  font-weight:800;
}

.exam-levers-head small{
  color:#75827d;
}

.exam-levers-list{
  display:grid;
  gap:7px;
}

.exam-levers-list a{
  display:grid;
  grid-template-columns:47px 1fr auto;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:13px;
  color:inherit;
  background:rgba(255,255,255,.022);
  text-decoration:none;
  transition:.18s ease;
}

.exam-levers-list a:hover{
  transform:translateX(3px);
  border-color:rgba(255,178,95,.28);
  background:rgba(255,178,95,.055);
}

.exam-lever-number{
  color:#ffbd78;
  font-size:12px;
  font-weight:900;
}

.exam-levers-list b{
  display:block;
  color:#dce7e3;
  font-size:12px;
}

.exam-levers-list small{
  display:block;
  margin-top:3px;
  color:#74817c;
  font-size:10px;
}

.exam-levers-list strong{
  color:#72e7c7;
  font-size:12px;
}

@media(max-width:760px){
  .exam-predict-main{
    grid-template-columns:1fr;
  }

  .exam-predict-main>div+div{
    padding:14px 0 0;
    border-top:1px solid rgba(255,255,255,.07);
    border-left:0;
  }

  .exam-levers-list a{
    grid-template-columns:43px 1fr;
  }

  .exam-levers-list a>strong{
    grid-column:2;
  }
}
/* EXAM FORECAST V1 END */


/* SMART MISSIONS V1 START */
.mission-board{
  margin:26px 0 34px;
  padding:24px;
  border:1px solid rgba(125,139,255,.17);
  border-radius:25px;
  background:
    radial-gradient(circle at 100% 0,
      rgba(125,139,255,.12),transparent 34%),
    #151b1d;
}

.mission-journey{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.mission-journey h2{
  margin:6px 0;
  color:#edf7f3;
  font-size:24px;
}

.mission-journey p{
  margin:0;
  color:#7f8c88;
  font-size:12px;
}

.mission-xp{
  text-align:right;
}

.mission-xp strong{
  display:block;
  color:#aeb7ff;
  font-size:30px;
}

.mission-xp span{
  color:#737f7b;
  font-size:11px;
}

.mission-level-track,
.mission-progress{
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.07);
}

.mission-level-track{
  height:8px;
  margin:18px 0;
}

.mission-level-track span,
.mission-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#7d8bff,#4fe0c0);
}

.mission-board-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.065);
}

.mission-board-head span{
  display:block;
  color:#889590;
  font-size:11px;
}

.mission-board-head b{
  display:block;
  margin-top:4px;
  color:#dce7e3;
}

.mission-board-head small{
  color:#ffbd78;
}

.mission-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}

.mission-card{
  padding:16px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}

.mission-card.done{
  border-color:rgba(79,224,192,.2);
  background:rgba(79,224,192,.055);
}

.mission-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.mission-card-top>span{
  color:#aeb7ff;
  font-size:20px;
}

.mission-card-top b{
  color:#72e7c7;
  font-size:11px;
}

.mission-card h3{
  margin:13px 0 6px;
  color:#e4eeea;
  font-size:14px;
}

.mission-card p{
  min-height:34px;
  margin:0;
  color:#78857f;
  font-size:11px;
  line-height:1.45;
}

.mission-progress{
  height:6px;
  margin-top:15px;
}

.mission-progress-label{
  display:flex;
  justify-content:space-between;
  margin-top:7px;
  color:#727f7a;
  font-size:10px;
}

.mission-progress-label b{
  color:#96a39e;
}

.tutor-xp-pop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
  padding:13px 16px;
  border:1px solid rgba(125,139,255,.22);
  border-radius:15px;
  background:rgba(125,139,255,.07);
}

.tutor-xp-pop strong{
  color:#aeb7ff;
}

.tutor-xp-pop span{
  color:#7d8985;
  font-size:11px;
}

@media(max-width:760px){
  .mission-grid{
    grid-template-columns:1fr;
  }

  .mission-card p{
    min-height:0;
  }
}
/* SMART MISSIONS V1 END */


/* ADAPTIVE COACH V1 START */
.adaptive-coach-panel{
  margin:0 0 22px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  border:1px solid rgba(125,139,255,.22);
  border-radius:22px;
  background:
    radial-gradient(circle at 0 0,
      rgba(125,139,255,.15),transparent 38%),
    linear-gradient(145deg,
      rgba(21,27,48,.96),rgba(13,18,34,.96));
  box-shadow:0 16px 44px rgba(0,0,0,.16);
}
.adaptive-coach-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  font-size:23px;
  font-weight:900;
  background:linear-gradient(145deg,#7d8bff,#5968e8);
  box-shadow:0 9px 24px rgba(89,104,232,.28);
}
.adaptive-coach-kicker{
  margin-bottom:4px;
  color:#98a4ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.adaptive-coach-copy strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.25;
}
.adaptive-coach-copy p{
  margin:5px 0 0;
  color:rgba(226,231,247,.68);
  font-size:13px;
  line-height:1.45;
}
.adaptive-coach-data{
  display:flex;
  gap:10px;
}
.adaptive-coach-data>div{
  min-width:104px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.adaptive-coach-data span,
.adaptive-coach-data b{
  display:block;
}
.adaptive-coach-data span{
  color:rgba(226,231,247,.5);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.adaptive-coach-data b{
  margin-top:3px;
  color:#fff;
  font-size:13px;
}
.adaptive-state-ready .adaptive-coach-icon{
  background:linear-gradient(145deg,#31d7a1,#16a97d);
}
.adaptive-state-overloaded .adaptive-coach-icon,
.adaptive-state-fatigued .adaptive-coach-icon{
  background:linear-gradient(145deg,#ffb35c,#ed7655);
}
.adaptive-state-rushing .adaptive-coach-icon{
  background:linear-gradient(145deg,#ffc857,#e69331);
}
@media(max-width:720px){
  .adaptive-coach-panel{
    grid-template-columns:42px minmax(0,1fr);
    padding:16px;
  }
  .adaptive-coach-icon{
    width:42px;
    height:42px;
    border-radius:14px;
  }
  .adaptive-coach-data{
    grid-column:1/-1;
  }
  .adaptive-coach-data>div{
    flex:1;
    min-width:0;
  }
}
/* ADAPTIVE COACH V1 END */


/* CONTENT READINESS V1 START */
.content-readiness{
  margin-top:28px;
  padding:24px;
  border:1px solid rgba(125,139,255,.18);
  border-radius:26px;
  background:rgba(15,20,38,.72);
}
.content-readiness-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:20px;
}
.content-readiness-kicker{
  color:#8f9cff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.content-readiness-head h2{
  margin:5px 0 6px;
  color:#fff;
}
.content-readiness-head p{
  margin:0;
  color:rgba(226,231,247,.58);
  font-size:13px;
}
.content-readiness-summary{
  display:flex;
  gap:10px;
}
.content-readiness-summary div{
  min-width:88px;
  padding:10px 13px;
  text-align:center;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.content-readiness-summary b,
.content-readiness-summary span{
  display:block;
}
.content-readiness-summary b{
  color:#fff;
  font-size:20px;
}
.content-readiness-summary span{
  color:rgba(226,231,247,.48);
  font-size:10px;
  text-transform:uppercase;
}
.content-subject-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.content-subject-card{
  padding:17px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.content-subject-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.content-subject-top span{
  color:rgba(226,231,247,.44);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.content-subject-top h3{
  margin:3px 0 0;
  color:#fff;
  font-size:15px;
}
.content-subject-top>strong{
  color:#8f9cff;
  font-size:18px;
}
.content-capacity-line{
  height:5px;
  margin:13px 0 8px;
  overflow:hidden;
  border-radius:10px;
  background:rgba(255,255,255,.06);
}
.content-capacity-line i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#7d8bff,#4fe0c0);
}
.content-subject-status{
  color:rgba(226,231,247,.6);
  font-size:11px;
}
.status-critical .content-capacity-line i{
  background:linear-gradient(90deg,#ed7655,#ffbd66);
}
.content-subject-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:14px;
}
.content-subject-stats div{
  padding:8px;
  border-radius:11px;
  background:rgba(255,255,255,.035);
}
.content-subject-stats span,
.content-subject-stats b{
  display:block;
}
.content-subject-stats span{
  color:rgba(226,231,247,.4);
  font-size:9px;
  text-transform:uppercase;
}
.content-subject-stats b{
  margin-top:2px;
  color:#fff;
  font-size:13px;
}
.content-quality-list{
  margin-top:13px;
}
.content-quality-list div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:5px 0;
  color:rgba(226,231,247,.54);
  font-size:11px;
}
.content-quality-list b{
  color:#dfe4fa;
}
.content-priority{
  margin-top:22px;
}
.content-priority h3{
  color:#fff;
}
.content-priority-row{
  display:grid;
  grid-template-columns:1fr 1.5fr 42px;
  align-items:center;
  gap:14px;
  padding:11px 13px;
  border-top:1px solid rgba(255,255,255,.06);
}
.content-priority-row span,
.content-priority-row b{
  display:block;
}
.content-priority-row span{
  color:#8f9cff;
  font-size:10px;
}
.content-priority-row b{
  color:#fff;
  font-size:12px;
}
.content-priority-row p{
  margin:0;
  color:rgba(226,231,247,.52);
  font-size:11px;
}
.content-priority-row>strong{
  color:#ffad6c;
  text-align:right;
}
@media(max-width:1050px){
  .content-subject-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .content-readiness{
    padding:17px;
  }
  .content-readiness-head{
    display:block;
  }
  .content-readiness-summary{
    margin-top:14px;
  }
  .content-subject-grid{
    grid-template-columns:1fr;
  }
  .content-priority-row{
    grid-template-columns:1fr 40px;
  }
  .content-priority-row p{
    grid-column:1/-1;
  }
}
/* CONTENT READINESS V1 END */
/* PROBELIKA MARKETING V8 START */

.marketing-v8{
  --m8-accent:#4fe0c0;
  --m8-blue:#7d8bff;
  --m8-ink:#f1f8f6;
  --m8-muted:#91a39f;
  --m8-line:rgba(143,181,172,.17);
  --m8-surface:rgba(14,24,22,.82);
  color:var(--m8-ink);
}

.marketing-v8 *{box-sizing:border-box}
.marketing-v8 h1,
.marketing-v8 h2,
.marketing-v8 h3{margin-top:0;text-wrap:balance}
.marketing-v8 p{color:var(--m8-muted);line-height:1.65}
.marketing-v8 section{scroll-margin-top:100px}

.m8-kicker,
.m8-heading>span,
.m8-heading>div>span,
.m8-demo-copy>span,
.m8-price-copy>span,
.m8-final>span,
.m8-faq-title>span{
  color:var(--m8-accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.m8-btn{
  min-height:56px;
  padding:0 24px;
  border:1px solid transparent;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  font-weight:850;
  text-decoration:none;
  transition:.2s ease;
}

.m8-btn:hover{transform:translateY(-2px)}
.m8-btn.primary{color:#061512;background:var(--m8-accent)}
.m8-btn.ghost{color:#dce9e6;border-color:var(--m8-line);background:rgba(255,255,255,.02)}
.m8-btn.dark{color:#fff;background:#091412}


/* Hero */

.m8-hero{
  min-height:720px;
  padding:82px 0 72px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  align-items:center;
  gap:clamp(48px,6vw,92px);
}

.m8-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:28px;
}

.m8-kicker i{
  width:9px;height:9px;border-radius:50%;
  background:var(--m8-accent);
  box-shadow:0 0 0 7px rgba(79,224,192,.1);
}

.m8-hero h1{
  margin-bottom:30px;
  font-size:clamp(58px,6vw,92px);
  line-height:.91;
  letter-spacing:-.07em;
}

.m8-hero h1 em{
  display:block;
  color:var(--m8-accent);
  font-style:normal;
}

.m8-lead{
  max-width:680px;
  margin:0;
  font-size:19px;
}

.m8-actions{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:14px;
}

.m8-hero-trust{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  color:#71827e;
  font-size:12px;
}

.m8-hero-trust span{
  position:relative;
}

.m8-hero-trust span+span::before{
  content:'';
  width:3px;height:3px;border-radius:50%;
  position:absolute;left:-13px;top:7px;
  background:#4fe0c0;
}

.m8-product{
  padding:34px;
  border:1px solid rgba(111,164,152,.27);
  border-radius:30px;
  background:
    radial-gradient(circle at 80% 0,rgba(79,224,192,.09),transparent 32%),
    linear-gradient(145deg,#13201e,#0d1716);
  box-shadow:0 35px 90px rgba(0,0,0,.28);
}

.m8-product-top,
.m8-product-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.m8-product-top div{display:grid;gap:7px}
.m8-product small{color:#72837f;font-size:10px;letter-spacing:.08em}
.m8-product strong{font-size:16px}
.m8-live{
  padding:9px 12px;
  border:1px solid rgba(79,224,192,.25);
  border-radius:999px;
  color:#4fe0c0;
  font-size:10px;
}

.m8-score{
  margin:42px 0 26px;
  display:flex;
  align-items:end;
  gap:24px;
}

.m8-score div{display:grid;gap:5px}
.m8-score b{font-size:68px;line-height:.9;letter-spacing:-.06em}
.m8-score i{padding-bottom:8px;color:#687975;font-size:25px;font-style:normal}
.m8-score .target b{color:#4fe0c0}

.m8-risk{
  padding:17px 20px;
  border:1px solid rgba(255,157,74,.2);
  border-radius:16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 16px;
  background:rgba(255,157,74,.045);
}
.m8-risk span{color:#a7b5b1;font-size:12px}
.m8-risk strong{grid-row:1/3;grid-column:2;color:#ffad61;font-size:24px}
.m8-risk small{color:#71817d}

.m8-priority{
  margin-top:14px;
  padding:20px;
  display:grid;
  grid-template-columns:56px 1fr 52px;
  align-items:center;
  gap:16px;
  border:1px solid var(--m8-line);
  border-radius:18px;
  background:rgba(7,15,14,.55);
}
.m8-priority .number{
  width:56px;height:56px;border-radius:14px;
  display:grid;place-items:center;
  color:#071512;background:#4fe0c0;font-weight:900;font-size:19px;
}
.m8-priority div:nth-child(2){display:grid;gap:4px}
.m8-priority p{margin:0;font-size:12px}
.m8-priority .progress{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  border:3px solid rgba(79,224,192,.35);
  color:#b9c8c4;font-size:11px;
}
.m8-product-foot{
  margin-top:20px;padding-top:18px;
  border-top:1px solid var(--m8-line);
  color:#798b86;font-size:12px;
}
.m8-product-foot strong{color:#dce9e6;font-size:12px}


/* Proof */

.m8-proof{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--m8-line);
  border-radius:22px;
  overflow:hidden;
  background:rgba(12,21,20,.65);
}
.m8-proof div{
  min-height:120px;padding:25px;
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid var(--m8-line);
}
.m8-proof div:last-child{border-right:0}
.m8-proof b{font-size:28px}
.m8-proof span{margin-top:8px;color:#82938f;font-size:12px}


/* Shared sections */

.m8-section{padding:100px 0}
.m8-heading{margin-bottom:48px}
.m8-heading h2{
  margin:13px 0 0;
  font-size:clamp(42px,4.8vw,70px);
  line-height:.98;
  letter-spacing:-.058em;
}
.m8-heading p{margin:20px 0 0;font-size:17px}
.m8-heading.centered{max-width:900px;margin:0 auto 48px;text-align:center}
.m8-heading.centered p{max-width:700px;margin-left:auto;margin-right:auto}
.m8-heading.split{
  display:grid;
  grid-template-columns:1.1fr .7fr;
  align-items:end;
  gap:70px;
}
.m8-heading.split p{margin:0}


/* Result */

.m8-result-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--m8-line);
  border-radius:25px;
  overflow:hidden;
}
.m8-result-grid article{
  min-height:390px;padding:30px;
  display:flex;flex-direction:column;
  border-right:1px solid var(--m8-line);
  background:rgba(13,23,21,.65);
}
.m8-result-grid article:last-child{border-right:0}
.m8-card-no{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  margin-bottom:auto;
  color:#071512;background:#4fe0c0;font-size:11px;font-weight:900;
}
.m8-result-grid h3{margin:34px 0 12px;font-size:22px}
.m8-result-grid p{margin:0}
.m8-mini-map,
.m8-task-preview,
.m8-forecast-preview{
  margin-top:25px;padding:16px;
  border:1px solid var(--m8-line);
  border-radius:15px;
  background:rgba(7,15,14,.48);
}
.m8-mini-map{display:flex;align-items:center;gap:8px;font-size:11px}
.m8-mini-map i{color:#4fe0c0;font-style:normal}
.m8-mini-map strong{color:#4fe0c0}
.m8-task-preview{display:grid;gap:5px}
.m8-task-preview small{color:#4fe0c0;font-size:9px}
.m8-task-preview span{color:#788985;font-size:11px}
.m8-forecast-preview{display:flex;align-items:baseline;gap:10px}
.m8-forecast-preview b{font-size:30px}
.m8-forecast-preview strong{color:#4fe0c0;font-size:38px}
.m8-forecast-preview i{font-style:normal}
.m8-forecast-preview span{margin-left:auto;color:#7f918d;font-size:10px}


/* Mechanism */

.m8-mechanism-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.m8-mechanism-grid article{
  padding:34px;
  border:1px solid var(--m8-line);
  border-radius:24px;
  background:var(--m8-surface);
}
.m8-mechanism-grid article.root{grid-column:1/-1}
.m8-feature-head span{color:#4fe0c0;font-size:10px;font-weight:850;letter-spacing:.12em}
.m8-feature-head h3{max-width:760px;margin:15px 0 0;font-size:28px}
.m8-root-chain{
  margin:34px 0 22px;
  display:grid;
  grid-template-columns:1fr 40px 1fr 40px 1fr;
  align-items:center;
  gap:10px;
}
.m8-root-chain>div{
  min-height:155px;padding:21px;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid var(--m8-line);border-radius:18px;
}
.m8-root-chain>i{color:#4fe0c0;text-align:center;font-style:normal;font-size:26px}
.m8-root-chain small{color:#71827e;font-size:9px}
.m8-root-chain strong{font-size:20px}
.m8-root-chain span{color:#7c8e89;font-size:11px}
.m8-root-chain .found{color:#061512;background:#4fe0c0}
.m8-root-chain .found small,
.m8-root-chain .found span{color:#27675b}
.m8-explain-list{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.m8-explain-list span{
  padding:12px 15px;border:1px solid var(--m8-line);
  border-radius:999px;color:#b9c7c4;background:rgba(255,255,255,.025);
}
.m8-verify-line{margin-top:30px;display:grid;gap:12px}
.m8-verify-line div{
  padding:15px 17px;border:1px solid var(--m8-line);
  border-radius:14px;display:flex;justify-content:space-between;gap:15px;
}
.m8-verify-line span{color:#7e8f8b;font-size:11px}
.m8-verify-line i{width:1px;height:14px;margin:-12px 0 -12px 25px;background:#4fe0c0}


/* Demo */

.m8-demo{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  align-items:center;
  gap:70px;
}
.m8-demo-copy h2{margin:16px 0 22px;font-size:clamp(42px,4.4vw,64px);line-height:.98;letter-spacing:-.055em}
.m8-demo-copy p{font-size:17px}
.m8-text-link{display:inline-block;margin-top:18px;color:#4fe0c0;font-weight:800;text-decoration:none}
.m8-demo-task{
  padding:34px;border:1px solid var(--m8-line);border-radius:26px;
  background:linear-gradient(145deg,#14211f,#0e1817);
}
.m8-demo-meta{display:flex;justify-content:space-between;gap:20px}
.m8-demo-meta span{color:#4fe0c0;font-size:10px;font-weight:850}
.m8-demo-meta small{color:#72837f}
.m8-demo-question{margin:34px 0 26px;font-size:22px;font-weight:800;line-height:1.35}
.m8-demo-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.m8-demo-options button{
  min-height:62px;padding:14px 17px;border:1px solid var(--m8-line);
  border-radius:13px;color:#dce8e5;background:rgba(255,255,255,.025);
  text-align:left;font:inherit;cursor:pointer;
}
.m8-demo-options button.correct{border-color:#4fe0c0;background:rgba(79,224,192,.1)}
.m8-demo-options button.wrong{border-color:#ff6b7a;background:rgba(255,107,122,.08)}
.m8-demo-answer{margin-top:18px;padding:18px;border-radius:14px;background:rgba(79,224,192,.07)}
.m8-demo-answer p{margin:10px 0 0}


/* Daily */

.m8-daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.m8-daily-grid article{
  min-height:400px;padding:30px;border:1px solid var(--m8-line);
  border-radius:23px;background:var(--m8-surface);
}
.m8-daily-icon{
  width:45px;height:45px;margin-bottom:48px;border-radius:50%;
  display:grid;place-items:center;color:#061512;background:#4fe0c0;font-size:11px;font-weight:900;
}
.m8-daily-grid article>small{color:#4fe0c0;font-size:9px;font-weight:850}
.m8-daily-grid h3{margin:14px 0 12px;font-size:23px}
.m8-mission,.m8-dialog,.m8-repeat{
  margin-top:25px;padding:16px;border:1px solid var(--m8-line);
  border-radius:14px;background:rgba(7,15,14,.45);
}
.m8-mission{display:grid;gap:6px}
.m8-mission span,.m8-dialog span{color:#71827e;font-size:10px}
.m8-dialog p{margin:7px 0 0;color:#d7e5e1}
.m8-repeat{display:flex;justify-content:space-between;gap:8px}
.m8-repeat span{padding:8px;border-radius:9px;background:rgba(79,224,192,.08);color:#a8bbb6;font-size:10px}


/* Roles */

.m8-role-tabs{display:flex;gap:8px;margin-bottom:14px}
.m8-role-tabs button{
  min-height:46px;padding:0 20px;border:1px solid var(--m8-line);
  border-radius:12px;color:#8fa19d;background:transparent;font:inherit;font-weight:750;cursor:pointer;
}
.m8-role-tabs button.active{color:#061512;border-color:#4fe0c0;background:#4fe0c0}
.m8-role-panel{
  padding:42px;border:1px solid var(--m8-line);border-radius:24px;
  display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:center;
  background:linear-gradient(135deg,rgba(17,29,27,.95),rgba(12,20,20,.9));
}
.m8-role-panel[hidden]{display:none}
.m8-role-panel small{color:#4fe0c0;font-weight:850}
.m8-role-panel h3{margin:14px 0;font-size:34px;line-height:1.05}
.m8-role-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.m8-role-panel li{padding:16px;border:1px solid var(--m8-line);border-radius:13px;color:#c6d4d0}


/* Compare */

.m8-compare-table{border:1px solid var(--m8-line);border-radius:22px;overflow:hidden}
.m8-compare-table>div{display:grid;grid-template-columns:.8fr 1fr 1fr;border-bottom:1px solid var(--m8-line)}
.m8-compare-table>div:last-child{border-bottom:0}
.m8-compare-table span,.m8-compare-table strong,.m8-compare-table b{padding:21px}
.m8-compare-table .head{color:#748681;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.m8-compare-table>div>*+*{border-left:1px solid var(--m8-line)}
.m8-compare-table b{color:#bff4e8;background:rgba(79,224,192,.035)}


/* Price */

.m8-price-card{
  display:grid;grid-template-columns:1.2fr .8fr;border-radius:30px;overflow:hidden;
  border:1px solid rgba(79,224,192,.3);
}
.m8-price-copy{padding:52px;background:linear-gradient(145deg,#14231f,#0f1c19)}
.m8-price-copy h2{margin:16px 0 20px;font-size:clamp(42px,4.3vw,62px);line-height:.98;letter-spacing:-.055em}
.m8-price-copy p{max-width:700px;margin-bottom:28px;font-size:17px}
.m8-price-value{padding:52px;color:#061512;background:#4fe0c0}
.m8-price-value>small{font-weight:900;letter-spacing:.1em}
.m8-price-value>div{margin:28px 0 12px;display:flex;align-items:baseline;gap:10px}
.m8-price-value b{font-size:55px;letter-spacing:-.05em}
.m8-price-value p{color:#28675b}
.m8-price-value ul{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:13px}
.m8-price-value li::before{content:'✓';margin-right:10px;font-weight:900}


/* FAQ and final */

.m8-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.m8-faq-title h2{margin:15px 0;font-size:54px;line-height:.98;letter-spacing:-.05em}
.m8-faq-list details{border-bottom:1px solid var(--m8-line)}
.m8-faq-list summary{
  min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  cursor:pointer;font-weight:800;list-style:none;
}
.m8-faq-list summary b{
  width:36px;height:36px;border:1px solid var(--m8-line);border-radius:50%;
  display:grid;place-items:center;color:#4fe0c0;
}
.m8-faq-list details p{max-width:750px;margin:0;padding:0 55px 25px 0}
.m8-final{
  margin:20px 0 50px;padding:70px 45px;border-radius:30px;
  color:#061512;background:#4fe0c0;text-align:center;
}
.m8-final>span{color:#27675b}
.m8-final h2{max-width:900px;margin:17px auto;font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:-.06em}
.m8-final p{max-width:680px;margin:0 auto 27px;color:#28675b;font-size:17px}


/* Responsive */

@media(max-width:1050px){
  .m8-hero{grid-template-columns:1fr;min-height:0}
  .m8-product{max-width:820px}
  .m8-proof{grid-template-columns:1fr 1fr}
  .m8-proof div:nth-child(2){border-right:0}
  .m8-proof div:nth-child(-n+2){border-bottom:1px solid var(--m8-line)}
  .m8-result-grid,.m8-daily-grid{grid-template-columns:1fr}
  .m8-result-grid article{min-height:310px;border-right:0;border-bottom:1px solid var(--m8-line)}
  .m8-result-grid article:last-child{border-bottom:0}
  .m8-mechanism-grid{grid-template-columns:1fr}
  .m8-mechanism-grid article.root{grid-column:1}
  .m8-demo{grid-template-columns:1fr}
  .m8-heading.split,.m8-role-panel,.m8-price-card,.m8-faq{grid-template-columns:1fr;gap:32px}
}

@media(max-width:700px){
  .m8-hero{padding:52px 0 48px;gap:44px}
  .m8-hero h1{font-size:clamp(48px,14vw,66px)}
  .m8-lead{font-size:16px}
  .m8-actions{display:grid}
  .m8-btn{width:100%}
  .m8-product{padding:22px 17px;border-radius:22px}
  .m8-score b{font-size:52px}
  .m8-priority{grid-template-columns:48px 1fr}
  .m8-priority .number{width:48px;height:48px}
  .m8-priority .progress{display:none}
  .m8-proof{grid-template-columns:1fr 1fr}
  .m8-proof div{min-height:105px;padding:17px}
  .m8-section{padding:68px 0}
  .m8-heading h2{font-size:40px}
  .m8-heading.split{gap:18px}
  .m8-root-chain{grid-template-columns:1fr}
  .m8-root-chain>i{transform:rotate(90deg)}
  .m8-mechanism-grid article{padding:24px 18px}
  .m8-demo-task{padding:23px 17px}
  .m8-demo-options{grid-template-columns:1fr}
  .m8-role-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
  .m8-role-tabs button{padding:0 8px}
  .m8-role-panel{padding:26px 19px}
  .m8-role-panel h3{font-size:29px}
  .m8-compare-table{border:0;display:grid;gap:12px}
  .m8-compare-table .head{display:none}
  .m8-compare-table>div{grid-template-columns:1fr;border:1px solid var(--m8-line);border-radius:15px;overflow:hidden}
  .m8-compare-table>div>*+*{border-left:0;border-top:1px solid var(--m8-line)}
  .m8-price-copy,.m8-price-value{padding:34px 22px}
  .m8-price-value b{font-size:48px}
  .m8-faq-title h2{font-size:42px}
  .m8-final{padding:48px 21px;text-align:left}
  .m8-final h2{font-size:42px}
}

/* PROBELIKA MARKETING V8 END */


/* PROBELIKA MARKETING V9 START */

/* Первый экран: CTA и суть продукта видны без прокрутки. */
.marketing-v9 .m8-hero{
  min-height:640px;
  padding:56px 0 48px;
  grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr);
  gap:clamp(42px,4.5vw,68px);
}
.marketing-v9 .m8-hero h1{
  max-width:620px;
  margin-bottom:22px;
  font-size:clamp(56px,5.15vw,76px);
  line-height:.94;
  letter-spacing:-.06em;
}
.marketing-v9 .m8-lead{
  max-width:620px;
  margin-bottom:24px;
  font-size:17px;
  line-height:1.58;
}
.marketing-v9 .m8-actions{
  gap:12px;
}
.marketing-v9 .m8-hero-trust{
  margin-top:15px;
}

/* Уплотняем воронку, сохраняя воздух внутри смысловых блоков. */
.marketing-v9 .m8-section{
  padding:78px 0;
}
.marketing-v9 .m8-heading{
  margin-bottom:42px;
}
.marketing-v9 .m8-heading h2{
  font-size:clamp(46px,4.55vw,62px);
}
.marketing-v9 .m8-result-grid article{
  min-height:265px;
}
.marketing-v9 .m8-mechanism-grid article{
  padding:32px;
}
.marketing-v9 .m8-final{
  margin:12px 0 28px;
  padding:58px 42px;
}

/* Гостевой CTA в шапке должен выглядеть как действие, а не пятый пункт меню. */
.nav .menu .nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-left:16px;
  padding:0 18px;
  border:1px solid #4fe0c0;
  border-radius:12px;
  color:#061512 !important;
  background:#4fe0c0;
  font-weight:850;
  box-shadow:0 10px 28px rgba(79,224,192,.15);
}
.nav .menu .nav-cta:hover{
  color:#061512 !important;
  background:#72ead1;
  transform:translateY(-1px);
}
.logo-copy{
  display:grid;
  gap:3px;
  line-height:1;
}
.logo-copy small{
  color:#71827e;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Результат живой задачи без внутренних индексов и оборванных фраз. */
.m9-demo-correct{
  margin:12px 0 0;
  padding:13px 15px;
  border:1px solid rgba(79,224,192,.24);
  border-radius:12px;
  color:#bff8eb;
  background:rgba(79,224,192,.065);
  font-weight:800;
}
.marketing-v9 .m8-demo-answer p{
  color:#aab8b4;
  line-height:1.65;
}

/* Завершённый коммерческий подвал без выдуманных реквизитов. */
.m9-footer{
  margin:0 0 28px;
  border:1px solid var(--m8-line);
  border-radius:24px;
  color:#8d9b98;
  background:rgba(8,18,16,.76);
  overflow:hidden;
}
.m9-footer-main{
  min-height:116px;
  padding:24px 28px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto auto;
  align-items:center;
  gap:30px;
}
.m9-footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#edf4f2;
  text-decoration:none;
}
.m9-footer-brand img{
  width:40px;
  height:40px;
}
.m9-footer-brand span{
  display:grid;
  gap:5px;
}
.m9-footer-brand strong{
  font-size:18px;
}
.m9-footer-brand small{
  color:#74847f;
  font-size:11px;
}
.m9-footer nav{
  display:flex;
  align-items:center;
  gap:22px;
}
.m9-footer nav a,
.m9-footer-action{
  color:#93a19e;
  font-size:13px;
  text-decoration:none;
}
.m9-footer nav a:hover{
  color:#edf4f2;
}
.m9-footer-action{
  padding:12px 15px;
  border:1px solid rgba(79,224,192,.28);
  border-radius:11px;
  color:#4fe0c0;
  font-weight:800;
}
.m9-footer-bottom{
  padding:15px 28px;
  display:flex;
  align-items:center;
  gap:20px;
  border-top:1px solid var(--m8-line);
  font-size:11px;
}
.m9-pilot{
  margin-left:auto;
  padding:6px 9px;
  border-radius:999px;
  color:#e8b16c;
  background:rgba(232,177,108,.08);
}

@media (max-width:1050px){
  .marketing-v9 .m8-hero{
    padding:48px 0;
    gap:34px;
  }
  .marketing-v9 .m8-hero h1{
    max-width:760px;
  }
  .m9-footer-main{
    grid-template-columns:1fr auto;
  }
  .m9-footer nav{
    grid-column:1 / -1;
    grid-row:2;
  }
}

@media (max-width:760px){
  .nav .menu .nav-cta{
    width:100%;
    min-height:46px;
    margin:8px 0 0;
  }
  .logo-copy small{
    display:none;
  }
}

@media (max-width:700px){
  .marketing-v9 .m8-hero{
    padding:34px 0 40px;
    gap:30px;
  }
  .marketing-v9 .m8-hero h1{
    margin-bottom:18px;
    font-size:clamp(42px,12vw,50px);
    line-height:.96;
    letter-spacing:-.055em;
  }
  .marketing-v9 .m8-lead{
    margin-bottom:20px;
    font-size:15px;
  }
  .marketing-v9 .m8-section{
    padding:54px 0;
  }
  .marketing-v9 .m8-heading{
    margin-bottom:30px;
  }
  .marketing-v9 .m8-heading h2{
    font-size:36px;
    line-height:1;
  }
  .marketing-v9 .m8-final{
    padding:42px 20px;
  }
  .marketing-v9 .m8-final h2{
    font-size:38px;
  }
  .m9-footer-main{
    padding:22px 18px;
    grid-template-columns:1fr;
    gap:20px;
  }
  .m9-footer nav{
    grid-column:auto;
    grid-row:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
  }
  .m9-footer-action{
    text-align:center;
  }
  .m9-footer-bottom{
    padding:15px 18px;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .m9-pilot{
    margin-left:0;
  }
}

/* PROBELIKA MARKETING V9 END */


/* ONBOARDING FUNNEL V1 START */

.onboarding-v1{
  width:min(1180px,calc(100% - 40px));
  min-height:calc(100vh - 190px);
  margin:0 auto;
  padding:46px 0 64px;
  display:grid;
  place-items:center;
}
.onb-shell{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  overflow:hidden;
  border:1px solid rgba(113,231,203,.16);
  border-radius:30px;
  background:rgba(9,18,18,.9);
  box-shadow:0 36px 100px rgba(0,0,0,.28);
}
.onb-value{
  min-height:650px;
  padding:clamp(38px,4.2vw,62px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:36px;
  color:#071311;
  background:
    radial-gradient(circle at 95% 0,rgba(125,139,255,.34),transparent 34%),
    linear-gradient(145deg,#53dec3 0%,#6ee5c7 58%,#8ee8c7 100%);
}
.onb-eyebrow,
.onb-kicker{
  display:inline-block;
  margin-bottom:18px;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.onb-value h1{
  max-width:520px;
  margin:0 0 20px;
  font-size:clamp(42px,4vw,64px);
  line-height:.97;
  letter-spacing:-.055em;
}
.onb-value-lead{
  max-width:500px;
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:rgba(7,19,17,.68);
}
.onb-steps{
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  list-style:none;
}
.onb-steps li{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:start;
  gap:14px;
  padding:14px 0;
  border-top:1px solid rgba(7,19,17,.15);
}
.onb-steps li>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(7,19,17,.25);
  border-radius:50%;
  font-size:11px;
  font-weight:900;
}
.onb-steps strong,
.onb-steps small{
  display:block;
}
.onb-steps strong{
  margin:1px 0 4px;
  font-size:15px;
}
.onb-steps small{
  font-size:12px;
  line-height:1.45;
  color:rgba(7,19,17,.62);
}
.onb-proof{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.onb-proof span{
  padding:8px 11px;
  border:1px solid rgba(7,19,17,.17);
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}
.onb-form-panel{
  min-width:0;
  padding:clamp(34px,4vw,58px);
  align-self:center;
}
.onb-form-head{
  margin-bottom:24px;
}
.onb-kicker{
  margin-bottom:10px;
  color:#4fe0c0;
}
.onb-form-head h2{
  margin:0 0 8px;
  font-size:clamp(32px,3.2vw,46px);
  line-height:1;
  letter-spacing:-.045em;
}
.onb-form-head p{
  max-width:520px;
  margin:0;
  color:#7e8c87;
  font-size:13px;
  line-height:1.5;
}
.onb-alert{
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid rgba(255,111,123,.36);
  border-radius:12px;
  background:rgba(255,111,123,.08);
  color:#ffbbc1;
  font-size:13px;
}
.onb-form{
  display:grid;
  gap:15px;
}
.onb-role-fieldset{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.onb-role-fieldset legend,
.onb-field label,
.onb-code label{
  display:block;
  margin-bottom:7px;
  color:#aab5b1;
  font-size:11px;
  font-weight:800;
}
.onb-field label small,
.onb-code label small{
  color:#62716c;
  font-weight:500;
}
.onb-roles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.onb-roles label{
  min-width:0;
  cursor:pointer;
}
.onb-roles input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.onb-roles span{
  min-height:58px;
  padding:10px 11px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid #26332f;
  border-radius:13px;
  background:#101a17;
  transition:.18s ease;
}
.onb-roles b,
.onb-roles small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.onb-roles b{
  color:#dbe4e1;
  font-size:12px;
}
.onb-roles small{
  margin-top:3px;
  color:#697772;
  font-size:9px;
}
.onb-roles input:checked+span{
  border-color:#4fe0c0;
  background:rgba(79,224,192,.1);
  box-shadow:inset 0 0 0 1px rgba(79,224,192,.12);
}
.onb-roles input:checked+span b{
  color:#7aead3;
}
.onb-code{
  padding:13px;
  border:1px solid rgba(125,139,255,.2);
  border-radius:14px;
  background:rgba(125,139,255,.055);
}
.onb-code[hidden]{
  display:none;
}
.onb-code p{
  margin:6px 0 0;
  color:#66736e;
  font-size:10px;
}
.onb-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.onb-field,
.onb-code{
  min-width:0;
}
.onb-field input,
.onb-code input{
  width:100%;
  height:47px;
  padding:0 13px;
  border:1px solid #293631;
  border-radius:12px;
  outline:0;
  background:#111b18;
  color:#edf5f2;
  font:inherit;
  font-size:13px;
  transition:.18s ease;
}
.onb-field input::placeholder,
.onb-code input::placeholder{
  color:#4f5d58;
}
.onb-field input:focus,
.onb-code input:focus{
  border-color:#4fe0c0;
  box-shadow:0 0 0 3px rgba(79,224,192,.09);
}
.onb-submit{
  width:100%;
  min-height:52px;
  margin-top:2px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:14px;
  background:#4fe0c0;
  color:#06120f;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  transition:.18s ease;
}
.onb-submit:hover{
  transform:translateY(-1px);
  background:#70e9ce;
  box-shadow:0 14px 32px rgba(79,224,192,.18);
}
.onb-form-foot{
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#65726e;
  font-size:10px;
}
.onb-form-foot a{
  color:#72e5cc;
  font-weight:800;
}

@media(max-width:980px){
  .onboarding-v1{
    width:min(760px,calc(100% - 28px));
    padding-top:28px;
  }
  .onb-shell{
    grid-template-columns:1fr;
  }
  .onb-value{
    min-height:0;
    padding:34px;
    gap:24px;
  }
  .onb-value h1{
    max-width:650px;
    font-size:44px;
  }
  .onb-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .onb-steps li{
    grid-template-columns:1fr;
  }
  .onb-form-panel{
    padding:34px;
  }
}

@media(max-width:700px){
  .onboarding-v1{
    width:calc(100% - 20px);
    padding:14px 0 34px;
  }
  .onb-shell{
    border-radius:22px;
  }
  .onb-value,
  .onb-form-panel{
    padding:25px 20px;
  }
  .onb-value h1{
    font-size:36px;
  }
  .onb-value-lead{
    font-size:14px;
  }
  .onb-steps{
    grid-template-columns:1fr;
    gap:0;
  }
  .onb-steps li{
    grid-template-columns:38px 1fr;
  }
  .onb-proof{
    display:grid;
  }
  .onb-form-head h2{
    font-size:34px;
  }
  .onb-roles{
    grid-template-columns:1fr;
  }
  .onb-roles span{
    min-height:54px;
  }
  .onb-roles small{
    font-size:10px;
  }
  .onb-grid{
    grid-template-columns:1fr;
  }
  .onb-form-foot{
    flex-direction:column;
    gap:7px;
  }
}

/* ONBOARDING FUNNEL V1 END */