/* 88BB Trading Academy Visual System v3.3.0 */
:root{
  --academy-bg:#050914;
  --academy-panel:#0c1424;
  --academy-panel-2:#101a2d;
  --academy-line:rgba(128,169,215,.15);
  --academy-cyan:#61eadb;
  --academy-blue:#52c8ff;
  --academy-violet:#a98bff;
  --academy-gold:#f3d27b;
  --academy-danger:#ff6178;
}
body[data-page="learning-center"]{
  background:
    radial-gradient(circle at 14% -10%,rgba(70,199,255,.13),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(157,112,255,.13),transparent 28%),
    linear-gradient(180deg,#060b16 0%,#050914 48%,#070812 100%);
}
body[data-page="learning-center"]:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(115,164,210,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(115,164,210,.04) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.learning-app{position:relative;z-index:1;padding-top:14px}
.learning-top{border:1px solid rgba(255,255,255,.07);border-radius:18px;margin:0 0 14px;padding:12px 14px;background:rgba(6,11,22,.78);box-shadow:0 20px 55px rgba(0,0,0,.22)}
.learning-brand img{width:40px;height:40px;border-radius:12px}.learning-top h2{font-size:17px;letter-spacing:.01em}
.learning-pill-btn{padding:8px 12px;font-size:12px;background:rgba(255,255,255,.035)}
.learning-pill-btn:hover{border-color:rgba(97,234,219,.35);background:rgba(97,234,219,.07)}

.learning-command-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:24px;align-items:stretch;
  padding:28px;border-radius:26px;overflow:hidden;
  background:linear-gradient(135deg,rgba(15,28,50,.97),rgba(8,14,28,.98) 58%,rgba(22,11,42,.96));
  border:1px solid rgba(113,201,228,.18);box-shadow:0 30px 90px rgba(0,0,0,.38)
}
.learning-command-hero:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-140px;top:-240px;background:radial-gradient(circle,rgba(85,226,211,.16),rgba(153,112,255,.07) 46%,transparent 70%)}
.learning-command-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#5fe5d8,#f3d27b,transparent);opacity:.68}
.learning-command-copy,.learning-next-card{position:relative;z-index:1}
.learning-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.learning-hero-badges span{padding:6px 9px;border:1px solid rgba(97,234,219,.2);border-radius:999px;background:rgba(97,234,219,.055);color:#b9fff4;font-size:10px;font-weight:850;letter-spacing:.08em}
.learning-command-copy .learning-kicker{font-size:11px;letter-spacing:.16em}.learning-hero-title{max-width:820px;margin:8px 0 12px;font-size:clamp(31px,4.3vw,55px);line-height:1.08;letter-spacing:-.035em;background:linear-gradient(92deg,#fff 0%,#dceaff 58%,#f0dcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.learning-hero-description{max-width:760px!important;margin:0;color:#b5c1d2!important;font-size:15px!important;line-height:1.72!important}
.learning-stat-row{margin-top:24px;display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(110px,.5fr));gap:9px}
.learning-progress-card,.learning-stat{min-width:0!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(4,10,20,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.learning-progress-card{padding:10px 12px!important}.learning-progress-card strong{font-size:22px!important}.learning-progress-card span{font-size:11px!important}.learning-progress-track{height:5px;margin-top:7px}
.learning-stat{justify-content:center;padding:10px!important;color:#d7e2f0;font-size:11px;font-weight:800!important}

.learning-next-card{display:flex;min-height:270px;flex-direction:column;justify-content:flex-end;padding:22px;border:1px solid rgba(243,210,123,.22);border-radius:22px;background:linear-gradient(155deg,rgba(243,210,123,.08),rgba(169,139,255,.07) 48%,rgba(4,10,20,.7));overflow:hidden}
.learning-next-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(255,255,255,.03));pointer-events:none}
.learning-next-card>p{position:relative;margin:0 0 9px;color:var(--academy-gold);font-size:10px;font-weight:900;letter-spacing:.16em}
.learning-next-card>strong{position:relative;display:block;max-width:300px;color:#fff;font-size:21px;line-height:1.25}
.learning-next-card>span{position:relative;margin-top:8px;color:#97a9bf;font-size:12px;line-height:1.5}
.learning-next-card>button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:18px;padding:12px 14px;border:0;border-radius:13px;background:linear-gradient(90deg,#f1cf78,#ffe6a4);color:#111520;font-weight:900;cursor:pointer;box-shadow:0 13px 30px rgba(243,210,123,.15)}
.learning-next-card>button em{font-style:normal;font-size:20px}.learning-next-card>button:hover{transform:translateY(-1px)}
.learning-next-orbit{position:absolute;right:18px;top:18px;width:118px;height:118px;border:1px solid rgba(97,234,219,.2);border-radius:50%;display:grid;place-items:center}.learning-next-orbit:before,.learning-next-orbit:after,.learning-next-orbit i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(169,139,255,.18)}
.learning-next-orbit:before{inset:16px}.learning-next-orbit:after{inset:34px}.learning-next-orbit i:nth-child(1){width:9px;height:9px;right:4px;top:50%;background:#61eadb;border:0;box-shadow:0 0 14px #61eadb}.learning-next-orbit i:nth-child(2){width:7px;height:7px;left:14px;top:14px;background:#f3d27b;border:0}.learning-next-orbit i:nth-child(3){width:6px;height:6px;bottom:7px;left:50%;background:#a98bff;border:0}.learning-next-orbit b{font-size:26px;color:#f3d27b;letter-spacing:-.08em}

.learning-stage-track{display:flex;align-items:center;gap:7px;margin:12px 2px 0;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(5,11,22,.68);overflow-x:auto;scrollbar-width:none}.learning-stage-track::-webkit-scrollbar{display:none}
.learning-stage-dot{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:#8392a7;cursor:pointer;font-size:10px;font-weight:800}.learning-stage-dot i{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#111b2c;border:1px solid rgba(255,255,255,.08);font-style:normal}.learning-stage-dot.done i{background:rgba(97,234,219,.13);border-color:rgba(97,234,219,.35);color:#61eadb}.learning-stage-dot.active{background:rgba(97,234,219,.075);color:#eafffb}.learning-stage-dot.active i{border-color:#61eadb;color:#61eadb;box-shadow:0 0 0 3px rgba(97,234,219,.08)}

.learning-section-heading{align-items:center;margin:31px 0 14px}.section-index{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border:1px solid rgba(97,234,219,.22);border-radius:15px;background:rgba(97,234,219,.06);color:#61eadb;font-size:15px;font-weight:900}.learning-section-heading .learning-kicker{font-size:9px;letter-spacing:.18em;margin-bottom:4px}.learning-section-heading h3{font-size:22px}.learning-section-heading p{font-size:12px}

.learning-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.learning-category{position:relative;min-height:190px;padding:15px;border-radius:19px;overflow:hidden;background:linear-gradient(150deg,rgba(17,28,48,.98),rgba(8,14,26,.98));border-color:rgba(130,173,215,.13);box-shadow:0 17px 45px rgba(0,0,0,.23)}
.learning-category:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--category-accent,#61eadb),transparent);opacity:.8}.learning-category:nth-child(4n+2){--category-accent:#a98bff}.learning-category:nth-child(4n+3){--category-accent:#f3d27b}.learning-category:nth-child(4n+4){--category-accent:#52c8ff}
.learning-category:hover,.learning-category.active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--category-accent) 45%,transparent);box-shadow:0 22px 55px rgba(0,0,0,.32)}
.cat-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.cat-sequence{color:#718299;font-size:9px;font-weight:900;letter-spacing:.13em}.learning-category .cat-icon{display:grid;place-items:center;width:38px;height:38px;margin:0;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.035);font-size:20px}.learning-category strong{font-size:16px;line-height:1.3}.learning-category small{margin-top:7px;color:#8494a9;font-size:11px;line-height:1.5}.cat-progress{height:4px;margin-top:13px}.cat-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.cat-card-footer span,.learning-category em{margin:0;color:#8da0b5;font-size:10px;font-style:normal;font-weight:800}

.lesson-shell{grid-template-columns:minmax(300px,355px) minmax(0,1fr);gap:15px}.lesson-list{position:sticky;top:78px;max-height:calc(100vh - 98px);overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(97,234,219,.26) transparent}
.lesson-row{position:relative;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;padding:12px 11px;border-radius:15px;background:linear-gradient(145deg,rgba(17,27,45,.94),rgba(8,14,25,.95));border-color:rgba(255,255,255,.065);box-shadow:none;transition:.18s ease}
.lesson-row:before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:2px;border-radius:99px;background:transparent}.lesson-row:hover{border-color:rgba(82,200,255,.25);transform:translateX(2px)}.lesson-row.active{border-color:rgba(97,234,219,.38);background:linear-gradient(145deg,rgba(17,36,50,.96),rgba(8,18,29,.98));box-shadow:0 10px 26px rgba(0,0,0,.2)}.lesson-row.active:before{background:#61eadb;box-shadow:0 0 14px #61eadb}.lesson-check{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0d1728;color:#7f90a6;font-size:11px!important;font-weight:900;opacity:1}.lesson-row.done .lesson-check{background:rgba(97,234,219,.14);border-color:rgba(97,234,219,.35);color:#61eadb}.lesson-row strong{font-size:14px;line-height:1.34}.lesson-row small{margin-top:4px;font-size:10px;line-height:1.35}.lesson-row small.lesson-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-tier{align-self:start;padding:4px 6px;font-size:9px;background:rgba(255,255,255,.025)}

.reader-panel{border-radius:20px;background:linear-gradient(180deg,rgba(13,21,36,.98),rgba(7,12,23,.99));border-color:rgba(123,176,218,.14);box-shadow:0 25px 70px rgba(0,0,0,.31)}
.reader-hero{min-height:0;padding:24px 24px 22px;background:linear-gradient(135deg,rgba(15,27,47,.98),rgba(8,14,27,.99));border-bottom:1px solid rgba(255,255,255,.065)}.reader-hero:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,#61eadb,rgba(169,139,255,.5),transparent)}
.reader-eyebrow{margin:0 0 8px!important;color:#61eadb!important;font-size:10px!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.reader-hero h2{max-width:840px;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.reader-hero>p:last-child{max-width:820px;color:#93a4b9;font-size:13px}.reader-meta{margin-bottom:10px}.reader-meta span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.035);font-size:9px}
.reader-body{padding:20px 22px 25px}.guide-box{border-color:rgba(169,139,255,.18);background:linear-gradient(145deg,rgba(169,139,255,.055),rgba(82,200,255,.025));box-shadow:inset 3px 0 rgba(169,139,255,.38)}.guide-top h3{font-size:18px}.guide-text{color:#dce5f1;font-size:15.5px;line-height:1.78}.mark-btn{border:1px solid rgba(97,234,219,.28);background:rgba(97,234,219,.09);color:#9dfff0;border-radius:11px;padding:8px 10px;font-size:11px}.mark-btn:hover{background:rgba(97,234,219,.15)}
.voice-guide-player.voice-guide-compact{border-color:rgba(82,200,255,.14);background:rgba(7,16,28,.8)}.voice-guide-compact .voice-main-play{background:linear-gradient(90deg,#57d5ff,#62ead8);color:#07111b}.voice-options-toggle{background:rgba(255,255,255,.03)}
.lesson-diagram-section{padding:13px;border:1px solid rgba(97,234,219,.09);border-radius:17px;background:rgba(4,10,20,.42)}.lesson-diagram-heading{margin:0 1px 10px}.lesson-diagram-heading span{font-size:13px}.lesson-diagram-grid,.lesson-diagram-grid.single{max-width:100%;grid-template-columns:1fr}.lesson-visual{padding:5px;border-radius:14px;border-color:rgba(97,234,219,.13);background:#050914}.lesson-visual img{border-radius:10px}.lesson-visual figcaption{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;padding:8px 7px 4px}.lesson-visual figcaption strong,.lesson-visual figcaption span{grid-column:1}.lesson-visual figcaption em{grid-column:2;grid-row:1/3;align-self:center}
.lesson-content{color:#cfd9e6;font-size:16px;line-height:1.8}.lesson-content h2{padding-bottom:8px;border-bottom:1px solid rgba(97,234,219,.12);font-size:21px}.lesson-content h3{color:#f0f5fb;font-size:17.5px}.lesson-content strong{color:#fff}.lesson-content li{margin:5px 0}.lesson-content blockquote{margin:18px 0;padding:13px 15px;border-left:3px solid #f3d27b;border-radius:0 12px 12px 0;background:rgba(243,210,123,.06);color:#e7dfc7}.lesson-navigation button{border-radius:14px;background:rgba(255,255,255,.025)}
.reader-empty{background:radial-gradient(circle at 50% 42%,rgba(97,234,219,.07),transparent 28%)}

@media(max-width:1180px){.learning-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-stat-row{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(92px,.36fr))}.learning-command-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}}
@media(max-width:920px){.learning-command-hero{grid-template-columns:1fr}.learning-next-card{min-height:220px}.learning-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-list{position:static;max-height:none}}

@media(max-width:860px){
  body[data-page="learning-center"]:before{opacity:.12;background-size:34px 34px}
  .learning-app{padding-top:0}.learning-mobile-nav{background:rgba(5,9,20,.96);border-color:rgba(97,234,219,.1)}
  .learning-command-hero{display:block;margin:9px 10px 0;padding:15px;border-radius:18px}.learning-command-copy .learning-kicker{font-size:9px}.learning-hero-badges{margin-bottom:10px}.learning-hero-badges span:nth-child(2){display:none}.learning-hero-title{font-size:25px;line-height:1.13;margin:5px 0 0}.learning-hero-description{display:none}.learning-stat-row{display:block;margin-top:12px}.learning-stat-row>.learning-stat{display:none}.learning-next-card{min-height:0;margin-top:11px;padding:12px 12px 11px;border-radius:14px}.learning-next-orbit{display:none}.learning-next-card>p{font-size:8px;margin-bottom:4px}.learning-next-card>strong{font-size:14px}.learning-next-card>span{font-size:10px;margin-top:4px}.learning-next-card>button{margin-top:9px;padding:9px 11px;border-radius:10px;font-size:12px}.learning-stage-track{margin:8px 10px 0;padding:6px;border-radius:12px}.learning-stage-dot{padding:6px}.learning-stage-dot span{display:none}.learning-stage-dot i{width:25px;height:25px}
  #categorySection{padding:0 10px}.learning-section-heading{margin:17px 0 9px}.section-index{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:12px}.learning-section-heading .learning-kicker{display:none}.learning-section-heading h3{font-size:18px}.learning-section-heading p{font-size:11px}
  .learning-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learning-category{min-height:116px;padding:11px;border-radius:15px}.cat-card-head{margin-bottom:9px}.cat-sequence{font-size:8px}.learning-category .cat-icon{width:31px;height:31px;border-radius:10px;font-size:16px}.learning-category strong{font-size:14px}.learning-category small{display:none}.cat-progress{margin-top:9px}.cat-card-footer{margin-top:6px}.cat-card-footer span,.learning-category em{font-size:9px}
  #lessonArea{padding:0 10px}.lesson-row{min-height:72px;padding:10px;border-radius:14px}.lesson-check{width:30px;height:30px}.lesson-row strong{font-size:14px}.lesson-row small.lesson-subtitle{display:none}.lesson-tier{font-size:9px}
  body[data-learning-view="reader"] .reader-panel{background:#070b14}.reader-hero{padding:16px 14px!important}.reader-hero:after{left:14px;right:14px}.reader-eyebrow{font-size:8px!important}.reader-hero h2{font-size:21px!important}.reader-hero>p:last-child{font-size:12px!important}.reader-body{padding:11px 11px 22px!important}
  .voice-guide-player.voice-guide-compact{margin-bottom:9px}.guide-box{box-shadow:inset 2px 0 rgba(169,139,255,.38)}.guide-text{font-size:14.5px;line-height:1.72}.lesson-diagram-section{padding:7px;border-radius:13px}.lesson-diagram-heading span{font-size:12px}.lesson-visual figcaption{display:none}.lesson-content{font-size:15px;line-height:1.73}.lesson-content h2{font-size:19px}.lesson-content h3{font-size:16.5px}
}
@media(max-width:390px){.learning-category-grid{grid-template-columns:1fr}.learning-category{min-height:92px;display:grid;grid-template-columns:1fr;align-content:center}.cat-card-head{margin-bottom:5px}.learning-category .cat-icon{position:absolute;right:10px;top:10px}.cat-progress{margin-top:7px}}
/* v3.3.0 compatibility and mobile route guards */
.learning-category:hover,.learning-category.active{border-color:rgba(97,234,219,.34)}
@media(max-width:860px){
  body[data-learning-view="lessons"] .learning-stage-track,
  body[data-learning-view="reader"] .learning-stage-track{display:none}
}

/* v3.4.0 Monthly Knowledge Check */
.lesson-quiz{position:relative;margin:28px 0 8px;padding:20px;border:1px solid rgba(157,126,255,.25);border-radius:20px;background:linear-gradient(145deg,rgba(18,20,38,.94),rgba(7,15,27,.96));box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden}
.lesson-quiz:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#9d7eff,#36d7ca)}
.quiz-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.quiz-head h3{margin:2px 0 3px;font-size:20px;color:#fff}.quiz-head small{color:#8fa0b4;font-size:12px}.quiz-progress-dots{display:flex;gap:7px;flex:0 0 auto}.quiz-progress-dots span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#8e9caf;font-size:12px;font-weight:900}.quiz-progress-dots span.current{border-color:#9d7eff;color:#fff;box-shadow:0 0 0 4px rgba(157,126,255,.1)}.quiz-progress-dots span.done{background:#1b9d82;border-color:#39dab8;color:#fff}
.quiz-question-no{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(94,214,202,.08);border:1px solid rgba(94,214,202,.18);color:#8ff7e9;font-size:11px;font-weight:900;letter-spacing:.06em}.lesson-quiz>h4{margin:13px 0 16px;color:#fff;font-size:18px;line-height:1.5}.quiz-options{display:grid;gap:10px}.quiz-option{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);color:#dce5f1;cursor:pointer;transition:.18s ease}.quiz-option:hover{border-color:rgba(157,126,255,.35);background:rgba(157,126,255,.06)}.quiz-option input{position:absolute;opacity:0;pointer-events:none}.quiz-option:has(input:checked){border-color:#9d7eff;background:rgba(157,126,255,.12);box-shadow:inset 0 0 0 1px rgba(157,126,255,.2)}.quiz-option-key{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#111a2b;border:1px solid rgba(255,255,255,.1);color:#bda7ff;font-weight:900}.quiz-option:has(input:checked) .quiz-option-key{background:#7b5ce0;color:#fff}
.quiz-submit-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.quiz-submit-row small{color:#8997a9;line-height:1.45}.quiz-primary{border:0;border-radius:12px;padding:11px 17px;background:linear-gradient(135deg,#7555dc,#3e9ee8);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(73,98,222,.2)}.quiz-primary:hover{filter:brightness(1.08)}.quiz-primary:disabled{opacity:.55;cursor:wait}
.quiz-result-icon{display:grid;place-items:center;width:58px;height:58px;margin:6px 0 13px;border-radius:50%;font-size:34px;font-weight:900}.quiz-correct .quiz-result-icon{background:rgba(53,220,174,.13);border:1px solid rgba(53,220,174,.42);color:#58e8bf}.quiz-wrong .quiz-result-icon{background:rgba(255,91,124,.11);border:1px solid rgba(255,91,124,.38);color:#ff718e}.quiz-answer-line{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:9px 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.quiz-answer-line span{color:#8e9daf;font-size:12px}.quiz-answer-line strong{color:#e9eff7;font-size:14px}.quiz-answer-line.correct{background:rgba(53,220,174,.07)}.quiz-answer-line.correct strong{color:#78efd0}.quiz-explanation{margin:14px 0 18px;padding:12px 14px;border-left:3px solid #9d7eff;border-radius:0 12px 12px 0;background:rgba(157,126,255,.06);color:#cbd6e4;line-height:1.65}
.quiz-complete{text-align:center}.quiz-score-ring{display:grid;place-items:center;width:126px;height:126px;margin:6px auto 15px;border-radius:50%;background:radial-gradient(circle at center,#111b2e 59%,transparent 60%),conic-gradient(#4dd8be calc(var(--quiz-score,1) * 33.333%),rgba(255,255,255,.08) 0);border:1px solid rgba(77,216,190,.22)}.quiz-score-ring strong{font-size:29px;color:#fff}.quiz-score-ring span{font-size:12px;color:#8ff4df}.quiz-complete>p{max-width:620px;margin:0 auto 10px;color:#aebccc;line-height:1.65}.quiz-complete>small{color:#7f8fa3}.quiz-pending p{margin:0;color:#a9b6c6}

@media(max-width:680px){.lesson-quiz{margin:22px 0 6px;padding:15px;border-radius:16px}.quiz-head{display:grid;gap:11px}.quiz-progress-dots{justify-content:flex-start}.quiz-head h3{font-size:18px}.lesson-quiz>h4{font-size:16px;margin:11px 0 13px}.quiz-option{grid-template-columns:31px 1fr;min-height:58px;padding:10px;font-size:14px}.quiz-option-key{width:28px;height:28px}.quiz-submit-row{display:grid;gap:11px}.quiz-primary{width:100%;min-height:46px}.quiz-answer-line{grid-template-columns:1fr;gap:4px}.quiz-score-ring{width:112px;height:112px}}