.intelligence-page {
    background: radial-gradient(circle at 58% 5%,rgba(24,103,54,.16),transparent 30%),#020504
}

.intelligence-page #neural {
    opacity: .37
}

.intel-main {
    max-width: 1380px;
    padding-top: 50px
}

.intel-hero {
    padding: 28px 0 46px;
    border-bottom: 1px solid rgba(111,157,128,.2)
}

.intel-hero-grid {
    display: grid;
    grid-template-columns: 1fr 330px;
    gap: 70px;
    align-items: end
}

.intel-hero h1 {
    max-width: 900px;
    margin: 18px 0 16px;
    font-size: clamp(52px,6vw,82px);
    line-height: .91;
    letter-spacing: -5.5px
}

.intel-hero h1 span,.intel-section-head h2 span,.stream-head h2 span {
    background: var(--rainbow);
    background-size: 180% 100%;
    -webkit-background-clip: text;
    color: transparent;
    animation: shimmer 9s linear infinite
}

.intel-hero-grid>div>p {
    max-width: 680px;
    margin: 0;
    color: #96a39b;
    font-size: 17px;
    line-height: 1.6
}

.possibility-note {
    padding: 8px 0 8px 22px;
    border-left: 1px solid rgba(32,231,120,.43)
}

.possibility-note small {
    color: #6f8476;
    font: 700 9px ui-monospace;
    letter-spacing: 1.4px
}

.possibility-note p {
    margin: 13px 0;
    color: #aab6ae;
    font-size: 14px;
    line-height: 1.6
}

.possibility-note b {
    color: #25e87b;
    font-size: 12px
}

.daily-grid {
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    gap: 14px;
    margin-top: 30px
}

.direction-panel,.coach-panel {
    min-height: 420px;
    padding: 25px;
    border: 1px solid rgba(153,183,165,.2);
    border-radius: 18px;
    background: linear-gradient(145deg,rgba(17,27,20,.75),rgba(5,10,7,.68));
    backdrop-filter: blur(24px);
    box-shadow: 0 25px 70px rgba(0,0,0,.25)
}

.direction-panel>header,.coach-panel>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px
}

.direction-panel header small,.coach-panel header small {
    color: #6b7b72;
    font: 700 9px ui-monospace;
    letter-spacing: 1.25px
}

.direction-panel h2,.coach-panel h2 {
    margin: 7px 0 0;
    font-size: 25px;
    letter-spacing: -1px
}

.direction-panel>header>span {
    padding: 7px 9px;
    border: 1px solid rgba(32,231,120,.22);
    border-radius: 99px;
    color: #73b78a;
    font: 700 9px ui-monospace
}

.direction-list {
    margin-top: 22px;
    border-top: 1px solid rgba(130,161,142,.17)
}

.direction-list button {
    display: grid;
    width: 100%;
    grid-template-columns: 34px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 18px 4px;
    border: 0;
    border-bottom: 1px solid rgba(130,161,142,.15);
    background: transparent;
    color: white;
    text-align: left;
    transition: .2s
}

.direction-list button:hover {
    padding-left: 10px;
    background: linear-gradient(90deg,rgba(32,231,120,.055),transparent)
}

.direction-list i {
    color: #41d77d;
    font: 700 9px ui-monospace;
    font-style: normal
}

.direction-list span {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.direction-list b {
    font-size: 14px
}

.direction-list small {
    color: #718078;
    font-size: 11px
}

.direction-list em {
    color: #20e778;
    font-style: normal
}

.direction-panel>footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
    color: #718078;
    font-size: 10px
}

.direction-panel>footer i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: #20e778;
    box-shadow: 0 0 9px #20e778
}

.direction-panel>footer>b {
    color: #9ea9a2
}

.coach-panel {
    background: linear-gradient(145deg,rgba(13,20,16,.8),rgba(13,9,20,.68))
}

.coach-panel>header {
    justify-content: flex-start
}

.coach-orb {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--rainbow);
    color: #020504;
    font-weight: 850;
    box-shadow: 0 0 35px rgba(120,80,225,.2)
}

.coach-suggestions {
    display: flex;
    gap: 6px;
    margin-top: 25px
}

.coach-suggestions button {
    flex: 1;
    padding: 10px;
    border: 1px solid rgba(136,110,220,.2);
    border-radius: 9px;
    background: rgba(8,11,9,.55);
    color: #8d9991;
    font-size: 10px
}

.coach-suggestions button:hover {
    border-color: rgba(103,225,155,.28);
    color: #eef6f1
}

#coachForm {
    display: flex;
    margin-top: 9px;
    border: 1px solid rgba(145,108,244,.32);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(3,7,5,.58)
}

#coachForm input {
    width: 100%;
    padding: 15px;
    border: 0;
    outline: 0;
    background: transparent;
    color: white;
    font-size: 13px
}

#coachForm button {
    width: 50px;
    border: 0;
    background: var(--rainbow);
    color: #020504;
    font-size: 20px;
    font-weight: 800
}

.coach-answer {
    min-height: 145px;
    padding: 22px 4px 0;
    color: #aab6ae;
    font-size: 14px;
    line-height: 1.7
}

.coach-answer p {
    margin: 0
}

.coach-answer strong {
    color: white
}

.coach-thinking {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #7f8d84
}

.coach-thinking i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #20e778;
    animation: think 1.1s infinite
}

.coach-thinking i:nth-child(2) {
    animation-delay: .15s;
    background: #44ddff
}

.coach-thinking i:nth-child(3) {
    animation-delay: .3s;
    background: #a070ff
}

.pathways,.stream {
    margin-top: 150px
}

.intel-section-head,.stream-head {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 70px;
    align-items: end
}

.intel-section-head h2,.stream-head h2 {
    margin: 10px 0 0;
    font-size: clamp(42px,5vw,64px);
    line-height: .95;
    letter-spacing: -4px
}

.intel-section-head>p {
    margin: 0 0 5px;
    color: #8b9890;
    font-size: 15px;
    line-height: 1.65
}

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

.pathway {
    position: relative;
    min-height: 290px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(144,173,155,.17);
    border-radius: 13px;
    background: rgba(7,12,9,.68);
    color: white;
    text-align: left;
    backdrop-filter: blur(18px);
    transition: .22s
}

.pathway:hover,.pathway.active {
    transform: translateY(-3px);
    border-color: rgba(32,231,120,.35);
    background: linear-gradient(155deg,rgba(25,72,42,.35),rgba(7,11,9,.78))
}

.pathway:nth-child(3):hover {
    border-color: rgba(67,214,238,.38)
}

.pathway:nth-child(4):hover {
    border-color: rgba(169,114,255,.4)
}

.pathway:nth-child(5):hover {
    border-color: rgba(246,90,157,.34)
}

.pathway small {
    color: #718078;
    font: 700 9px ui-monospace;
    letter-spacing: 1.1px
}

.pathway>span {
    position: absolute;
    right: 18px;
    top: 18px;
    color: #4f5e55;
    font: 700 9px ui-monospace
}

.pathway h3 {
    margin: 58px 0 11px;
    font-size: 20px;
    letter-spacing: -.7px
}

.pathway p {
    margin: 0;
    color: #7f8d84;
    font-size: 12px;
    line-height: 1.55
}

.pathway b {
    margin-top: auto;
    color: #80c799;
    font-size: 10px
}

.stream-head {
    grid-template-columns: 1fr auto
}

.stream-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px
}

.stream-tools>span {
    color: #66766c;
    font: 700 9px ui-monospace
}

.stream-tools>span i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: #20e778;
    box-shadow: 0 0 8px #20e778
}

.stream-tools button {
    padding: 12px 14px;
    border: 1px solid rgba(139,100,235,.27);
    border-radius: 10px;
    background: linear-gradient(100deg,rgba(34,92,53,.25),rgba(92,53,153,.2));
    color: #dbe7df;
    font-size: 11px
}

.stream-status {
    margin: 28px 0 12px;
    color: #64736a;
    font-size: 11px
}

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

.article-grid article {
    min-height: 300px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(151,178,162,.17);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(205,216,209,.105),rgba(9,14,11,.66));
    backdrop-filter: blur(19px);
    transition: .22s
}

.article-grid article:hover {
    transform: translateY(-3px);
    border-color: rgba(94,198,135,.35);
    box-shadow: 0 20px 55px rgba(0,0,0,.24)
}

.article-grid article[hidden] {
    display: none
}

.article-grid header {
    display: flex;
    justify-content: space-between;
    color: #6d7d73;
    font: 700 9px ui-monospace;
    letter-spacing: 1px
}

.article-grid article:nth-child(3n+2) header span {
    color: #56bac9
}

.article-grid article:nth-child(3n) header span {
    color: #a789df
}

.article-grid h3 {
    margin: 52px 0 14px;
    font-size: 21px;
    line-height: 1.12;
    letter-spacing: -.8px
}

.article-grid p {
    margin: 0;
    color: #849188;
    font-size: 13px;
    line-height: 1.6
}

.article-grid footer {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 24px
}

.article-grid footer b {
    color: #69776f;
    font-size: 9px
}

.article-grid footer button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #7ed299;
    font-size: 10px
}

.article-pulse {
    animation: articlePulse .55s ease
}

.momentum {
    margin: 150px 0 0;
    text-align: center
}

.momentum blockquote {
    max-width: 850px;
    min-height: 0;
    margin: 30px auto;
    padding: 42px;
    border-color: rgba(126,166,141,.22);
    background: rgba(7,12,9,.7)
}

.momentum blockquote>p {
    font-size: 24px
}

.momentum blockquote footer {
    justify-content: center
}

.momentum>a {
    display: inline-flex;
    gap: 45px;
    padding: 15px 19px;
    border: 1px solid rgba(32,231,120,.32);
    border-radius: 11px;
    background: rgba(32,231,120,.1);
    color: #cef6dc;
    font-size: 12px;
    text-decoration: none
}

.momentum>a span {
    color: #20e778
}

@keyframes articlePulse {
    0% {
        opacity: .45;
        transform: translateY(7px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@media(max-width: 1050px) {
    .intel-hero-grid {
        grid-template-columns:1fr
    }

    .possibility-note {
        max-width: 580px
    }

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

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

    .intel-section-head,.stream-head {
        grid-template-columns: 1fr
    }

    .stream-tools {
        margin-top: 20px
    }

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

@media(max-width: 620px) {
    .intel-main {
        padding-top:30px
    }

    .intel-hero h1 {
        font-size: 49px;
        letter-spacing: -3.4px
    }

    .intel-hero-grid {
        gap: 30px
    }

    .daily-grid {
        margin-top: 18px
    }

    .direction-panel,.coach-panel {
        min-height: 0;
        padding: 19px
    }

    .coach-suggestions {
        overflow-x: auto
    }

    .coach-suggestions button {
        min-width: 120px
    }

    .pathways,.stream {
        margin-top: 105px
    }

    .intel-section-head h2,.stream-head h2 {
        font-size: 42px;
        letter-spacing: -2.8px
    }

    .pathway-grid,.article-grid {
        grid-template-columns: 1fr
    }

    .pathway {
        min-height: 230px
    }

    .pathway h3 {
        margin-top: 44px
    }

    .stream-tools {
        align-items: stretch;
        flex-direction: column
    }

    .stream-tools button {
        width: 100%
    }

    .article-grid article {
        min-height: 260px
    }

    .momentum {
        margin-top: 110px
    }

    .momentum blockquote {
        padding: 30px 22px
    }

    .momentum blockquote>p {
        font-size: 20px
    }
}

.stream-first {
    margin-top: 42px
}

.daily-grid {
    display: block!important;
    max-width: 760px;
    margin-top: 130px
}

.direction-item[aria-pressed="true"] {
    padding-left: 10px;
    background: linear-gradient(90deg,rgba(32,231,120,.1),transparent)
}

.direction-item[aria-pressed="true"] em {
    color: #20e778;
    font-size: 16px
}

@media(max-width: 620px) {
    .stream-first {
        margin-top:30px
    }

    .daily-grid {
        margin-top: 90px
    }
}

.article-reader[hidden] {
    display: none
}

.article-reader {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 28px
}

.reader-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0,4,2,.78);
    backdrop-filter: blur(14px)
}

.reader-panel {
    position: relative;
    width: min(900px,100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    border: 1px solid rgba(119,186,145,.28);
    border-radius: 18px;
    background: linear-gradient(145deg,rgba(17,29,21,.97),rgba(5,9,7,.97));
    box-shadow: 0 40px 120px rgba(0,0,0,.65),0 0 70px rgba(32,231,120,.08);
    color: #edf5ef
}

.reader-header {
    position: sticky;
    top: 0;
    z-index: 2000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(137,174,151,.16);
    background: rgba(7,13,9,.9);
    backdrop-filter: blur(20px)
}

.reader-header>div {
    display: flex;
    gap: 14px;
    color: #7d9184;
    font: 700 11px ui-monospace;
    letter-spacing: 1.2px
}

.reader-header time {
    color: #4fcf7f
}

.reader-close {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(174,202,184,.22);
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    color: white;
    font-size: 28px;
    line-height: 1;
    transition: .2s
}

.reader-close:hover {
    transform: rotate(5deg);
    border-color: rgba(32,231,120,.48);
    background: rgba(32,231,120,.1)
}

.reader-copy {
    padding: 58px 72px 52px
}

.reader-copy h2 {
    max-width: 720px;
    margin: 14px 0 22px;
    font-size: clamp(38px,5vw,62px);
    line-height: 1;
    letter-spacing: -3px
}

.reader-summary {
    max-width: 720px;
    margin: 0;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(137,174,151,.18);
    color: #acbbb1;
    font-size: 19px;
    line-height: 1.6
}

.reader-body {
    max-width: 720px;
    margin-top: 30px;
    color: #a5b2a9;
    font-size: 16px;
    line-height: 1.78
}

.reader-body h3 {
    margin: 34px 0 10px;
    color: #eef7f1;
    font-size: 21px;
    letter-spacing: -.4px
}

.reader-body p {
    margin: 0 0 18px
}

.reader-panel>footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-top: 1px solid rgba(137,174,151,.16);
    color: #728178;
    font-size: 12px
}

.reader-done {
    padding: 11px 20px;
    border: 1px solid rgba(32,231,120,.35);
    border-radius: 9px;
    background: rgba(32,231,120,.08);
    color: #dff8e8;
    font-weight: 700
}

.article-grid article {
    cursor: pointer
}

.article-grid article:focus-within {
    border-color: rgba(94,198,135,.5)
}

body.reader-open {
    overflow: hidden
}

@media(max-width: 620px) {
    .article-reader {
        padding:0
    }

    .reader-panel {
        width: 100%;
        height: 100%;
        max-height: none;
        border: 0;
        border-radius: 0
    }

    .reader-copy {
        padding: 40px 22px
    }

    .reader-copy h2 {
        font-size: 39px;
        letter-spacing: -2px
    }

    .reader-summary {
        font-size: 17px
    }

    .reader-panel>footer {
        position: sticky;
        bottom: 0;
        background: rgba(7,13,9,.94)
    }
}

.intelligence-page #neural {
    opacity: .68;
    filter: saturate(1.25) brightness(1.15)
}

/* Structured broker learning */
.learning-lab {
    margin-top: 145px
}

.learning-head {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 70px;
    align-items: end
}

.learning-head h2 {
    margin: 10px 0 0;
    font-size: clamp(42px,5vw,64px);
    line-height: .95;
    letter-spacing: -4px
}

.learning-head h2 span {
    background: var(--rainbow);
    background-size: 180% 100%;
    -webkit-background-clip: text;
    color: transparent;
    animation: shimmer 9s linear infinite
}

.learning-head>p {
    margin: 0 0 5px;
    color: #929f97;
    font-size: 16px;
    line-height: 1.65
}

.learning-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0 12px;
    padding: 0 2px;
    color: #64736a;
    font: 700 12px ui-monospace;
    letter-spacing: .8px
}

.learning-status span i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background: #20e778;
    box-shadow: 0 0 10px #20e778
}

.learning-status b {
    color: #84938a;
    font-weight: 600
}

.quiz-card-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px
}

.quiz-card {
    --quiz-accent: #20e778;
    position: relative;
    min-height: 440px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(149,183,162,.21);
    border-radius: 15px;
    background: linear-gradient(145deg,rgba(207,220,212,.12),rgba(7,13,9,.75));
    backdrop-filter: blur(22px);
    overflow: hidden;
    transition: .25s
}

.quiz-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg,transparent,var(--quiz-accent),transparent);
    opacity: .65
}

.quiz-card.alternative {
    --quiz-accent: #52d9ef
}

.quiz-card.private {
    --quiz-accent: #aa82ff
}

.quiz-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb,var(--quiz-accent) 48%,rgba(255,255,255,.14));
    box-shadow: 0 24px 65px rgba(0,0,0,.32),0 0 38px color-mix(in srgb,var(--quiz-accent) 8%,transparent)
}

.quiz-card>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: color-mix(in srgb,var(--quiz-accent) 72%,white);
    font: 700 12px ui-monospace;
    letter-spacing: 1px
}

.quiz-card>header b {
    color: #4f5e55;
    font-size: 12px
}

.quiz-orbit {
    position: relative;
    width: 108px;
    height: 108px;
    margin: 35px 0 22px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb,var(--quiz-accent) 28%,transparent);
    border-radius: 50%;
    box-shadow: inset 0 0 30px color-mix(in srgb,var(--quiz-accent) 6%,transparent)
}

.quiz-orbit:before,.quiz-orbit:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb,var(--quiz-accent) 13%,transparent)
}

.quiz-orbit:before {
    inset: 10px
}

.quiz-orbit:after {
    inset: 21px
}

.quiz-orbit i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--quiz-accent);
    box-shadow: 0 0 10px var(--quiz-accent)
}

.quiz-orbit i:nth-child(1) {
    top: 8px;
    left: 50%
}

.quiz-orbit i:nth-child(2) {
    right: 7px;
    bottom: 25px
}

.quiz-orbit i:nth-child(3) {
    left: 8px;
    bottom: 24px
}

.quiz-orbit strong {
    z-index: 1;
    color: #edf5ef;
    font-size: 28px;
    line-height: 1
}

.quiz-orbit small {
    position: absolute;
    bottom: 24px;
    z-index: 1;
    color: #66756c;
    font: 700 7px ui-monospace;
    letter-spacing: .8px
}

.quiz-format {
    margin: 0;
    color: #64736a;
    font: 700 10px ui-monospace;
    letter-spacing: .9px
}

.quiz-card h3 {
    margin: 12px 0 11px;
    font-size: 24px;
    letter-spacing: -.9px
}

.quiz-card>p:not(.quiz-format) {
    margin: 0;
    color: #89978e;
    font-size: 14px;
    line-height: 1.62
}

.quiz-card>footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 25px;
    border-top: 1px solid rgba(143,174,154,.15)
}

.quiz-card>footer>span {
    display: flex;
    align-items: center;
    color: #728178;
    font: 700 9px ui-monospace;
    letter-spacing: .8px
}

.quiz-card>footer>span i {
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--quiz-accent);
    box-shadow: 0 0 9px var(--quiz-accent)
}

.quiz-card>footer button {
    padding: 10px 0 10px 12px;
    border: 0;
    background: transparent;
    color: #d8e4dc;
    font-size: 12px;
    font-weight: 700
}

.quiz-card>footer button em {
    margin-left: 12px;
    color: var(--quiz-accent);
    font-style: normal
}

.quiz-card.completed {
    background: linear-gradient(145deg,color-mix(in srgb,var(--quiz-accent) 12%,rgba(8,14,10,.78)),rgba(7,13,9,.76))
}

.quiz-card.completed [data-card-state] {
    color: var(--quiz-accent)
}

.quiz-reader[hidden] {
    display: none
}

.quiz-reader {
    position: fixed;
    inset: 0;
    z-index: 110;
    display: grid;
    place-items: center;
    padding: 28px
}

.quiz-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0,4,2,.8);
    backdrop-filter: blur(15px)
}

.quiz-panel {
    --quiz-accent: #20e778;
    position: relative;
    width: min(920px,100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    border: 1px solid color-mix(in srgb,var(--quiz-accent) 35%,rgba(255,255,255,.08));
    border-radius: 18px;
    background: linear-gradient(145deg,rgba(16,29,20,.98),rgba(5,9,7,.98) 58%,rgba(13,9,22,.98));
    box-shadow: 0 42px 130px rgba(0,0,0,.72),0 0 70px color-mix(in srgb,var(--quiz-accent) 8%,transparent);
    color: #edf5ef
}

.quiz-panel-head {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 23px;
    border-bottom: 1px solid rgba(137,174,151,.15);
    background: rgba(7,13,9,.92);
    backdrop-filter: blur(22px)
}

.quiz-panel-head>div {
    display: flex;
    gap: 16px;
    align-items: center;
    color: #73847a;
    font: 700 11px ui-monospace;
    letter-spacing: 1px
}

.quiz-panel-head b {
    color: var(--quiz-accent)
}

.quiz-panel-head button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(174,202,184,.2);
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    color: white;
    font-size: 28px;
    line-height: 1
}

.quiz-progress {
    height: 3px;
    background: rgba(255,255,255,.04)
}

.quiz-progress i {
    display: block;
    width: 8%;
    height: 100%;
    background: linear-gradient(90deg,var(--quiz-accent),#52d9ef,#aa82ff);
    box-shadow: 0 0 13px var(--quiz-accent);
    transition: width .35s ease
}

.quiz-stage {
    min-height: 610px;
    padding: 56px 70px 50px
}

.lesson-stage .lesson-number,.question-stage .question-number {
    color: var(--quiz-accent);
    font: 700 11px ui-monospace;
    letter-spacing: 1.2px
}

.lesson-stage h2,.question-stage h2,.result-stage h2 {
    max-width: 720px;
    margin: 13px 0 20px;
    font-size: clamp(37px,5vw,58px);
    line-height: 1;
    letter-spacing: -3px
}

.lesson-stage>p {
    max-width: 720px;
    color: #a9b6ae;
    font-size: 18px;
    line-height: 1.7
}

.lesson-signals {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin: 34px 0
}

.lesson-signals div {
    min-height: 130px;
    padding: 18px;
    border: 1px solid rgba(144,177,156,.17);
    border-radius: 10px;
    background: rgba(255,255,255,.025)
}

.lesson-signals small {
    display: block;
    color: #6f8076;
    font: 700 9px ui-monospace;
    letter-spacing: 1px
}

.lesson-signals b {
    display: block;
    margin-top: 18px;
    color: #dbe6df;
    font-size: 14px;
    line-height: 1.45
}

.quiz-primary {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 210px;
    padding: 15px 18px;
    border: 1px solid color-mix(in srgb,var(--quiz-accent) 46%,white 6%);
    border-radius: 10px;
    background: color-mix(in srgb,var(--quiz-accent) 12%,rgba(6,12,8,.9));
    color: #e8f8ee;
    font-size: 13px;
    font-weight: 750
}

.quiz-primary span {
    margin-left: 36px;
    color: var(--quiz-accent)
}

.question-stage h2 {
    font-size: clamp(30px,4vw,46px);
    line-height: 1.08
}

.question-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 28px
}

.question-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 78px;
    padding: 16px;
    border: 1px solid rgba(147,178,158,.18);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: #aebbb3;
    text-align: left;
    font-size: 15px;
    line-height: 1.45;
    transition: .18s
}

.question-option b {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    flex: none;
    border: 1px solid rgba(158,189,170,.2);
    border-radius: 50%;
    color: #829087;
    font: 700 11px ui-monospace
}

.question-option:hover:not(:disabled),.question-option:focus-visible {
    border-color: color-mix(in srgb,var(--quiz-accent) 45%,rgba(255,255,255,.12));
    background: color-mix(in srgb,var(--quiz-accent) 7%,rgba(255,255,255,.025));
    color: white
}

.question-option.correct {
    border-color: rgba(32,231,120,.48);
    background: rgba(32,231,120,.1);
    color: #e4f8eb
}

.question-option.correct b {
    border-color: #20e778;
    background: #20e778;
    color: #04200f
}

.question-option.incorrect {
    border-color: rgba(246,90,116,.43);
    background: rgba(246,90,116,.075);
    color: #e8bec6
}

.question-option:disabled {
    cursor: default
}

.quiz-support {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px
}

.hint-wrap button {
    padding: 8px 0;
    border: 0;
    background: transparent;
    color: #84928a;
    font-size: 12px
}

.hint-wrap button span {
    color: var(--quiz-accent)
}

.hint-copy {
    max-width: 540px;
    margin: 7px 0 0;
    color: #77867d;
    font-size: 13px;
    line-height: 1.55
}

.question-feedback {
    max-width: 590px;
    margin: 18px 0 0;
    padding: 14px 16px;
    border-left: 2px solid var(--quiz-accent);
    background: linear-gradient(90deg,color-mix(in srgb,var(--quiz-accent) 8%,transparent),transparent);
    color: #acb9b1;
    font-size: 14px;
    line-height: 1.6
}

.next-question[disabled] {
    opacity: .35;
    cursor: not-allowed
}

.result-stage {
    text-align: center
}

.score-orbit {
    width: 150px;
    height: 150px;
    margin: 10px auto 28px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb,var(--quiz-accent) 45%,transparent);
    border-radius: 50%;
    box-shadow: inset 0 0 45px color-mix(in srgb,var(--quiz-accent) 9%,transparent),0 0 42px color-mix(in srgb,var(--quiz-accent) 8%,transparent)
}

.score-orbit strong {
    font-size: 42px
}

.score-orbit small {
    display: block;
    color: #77867d;
    font: 700 9px ui-monospace
}

.result-stage h2 {
    margin-left: auto;
    margin-right: auto
}

.result-stage>p {
    max-width: 610px;
    margin: 0 auto 28px;
    color: #9aa79f;
    font-size: 17px;
    line-height: 1.65
}

.result-actions {
    display: flex;
    justify-content: center;
    gap: 8px
}

.result-actions button {
    padding: 14px 18px;
    border: 1px solid rgba(151,183,163,.2);
    border-radius: 9px;
    background: rgba(255,255,255,.035);
    color: #9daa9f;
    font-size: 12px
}

.result-actions .quiz-primary {
    color: #e8f8ee
}

.reader-open,.quiz-open {
    overflow: hidden
}

@media(max-width: 1050px) {
    .learning-head {
        grid-template-columns:1fr
    }

    .quiz-card-grid {
        grid-template-columns: 1fr 1fr
    }

    .quiz-card:last-child {
        grid-column: 1/-1
    }

    .lesson-signals {
        grid-template-columns: 1fr
    }
}

@media(max-width: 620px) {
    .learning-lab {
        margin-top:95px
    }

    .learning-head h2 {
        font-size: 42px;
        letter-spacing: -2.8px
    }

    .learning-status {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px
    }

    .quiz-card-grid {
        grid-template-columns: 1fr
    }

    .quiz-card:last-child {
        grid-column: auto
    }

    .quiz-card {
        min-height: 410px
    }

    .quiz-reader {
        padding: 0
    }

    .quiz-panel {
        width: 100%;
        height: 100%;
        max-height: none;
        border: 0;
        border-radius: 0
    }

    .quiz-stage {
        min-height: calc(100vh - 90px);
        padding: 38px 20px 45px
    }

    .lesson-stage h2,.question-stage h2,.result-stage h2 {
        font-size: 37px;
        letter-spacing: -2px
    }

    .lesson-stage>p {
        font-size: 16px
    }

    .lesson-signals {
        margin: 25px 0
    }

    .lesson-signals div {
        min-height: 0
    }

    .lesson-signals b {
        margin-top: 10px
    }

    .question-options {
        grid-template-columns: 1fr
    }

    .quiz-support {
        align-items: stretch;
        flex-direction: column
    }

    .next-question {
        width: 100%
    }

    .result-actions {
        flex-direction: column
    }

    .result-actions button {
        width: 100%
    }
}

body.reader-open .topbar{display:none !important;}