@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#111b35;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f1e9;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}.page{background:#f4f1e9;flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #111b3521;flex-shrink:0;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5vw,84px);display:flex}.logo{color:#111b35;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo-mark{width:29px;height:29px;display:inline-block;position:relative;transform:rotate(45deg)}.logo-mark i{border:2px solid #111b35;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.logo-mark i:first-child{top:0;left:10px}.logo-mark i:nth-child(2){top:10px;left:0}.logo-mark i:nth-child(3){top:10px;right:0}.logo-mark i:nth-child(4){bottom:0;left:10px}.logo-type{letter-spacing:.12em;font-size:16px;font-weight:800}.logo-type b{color:#778092;font-weight:500}.topbar-note,.counter,.footer,.rail-label,.eyebrow,.meta-number,.visual-index,.illustration-caption,.hint,.result-kicker,.result-footnote{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace}.topbar-note{color:#778092;font-size:10px}.counter{color:#778092;font-size:11px}.counter b{color:#111b35;font-size:18px;font-weight:500}.progress-track{background:#111b3514;height:4px}.progress-track span{background:#bfef4a;height:100%;transition:width .45s cubic-bezier(.2,.75,.25,1);display:block}.quiz-layout{flex:1;grid-template-columns:100px minmax(480px,1fr) 32%;align-items:center;gap:clamp(20px,4vw,70px);width:min(1280px,100% - 48px);margin:auto;padding:52px 0 42px;display:grid}.intro-rail{border-right:1px solid #111b3521;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:center;padding:14px 0 8px;display:flex}.rail-label{color:#8d95a4;font-size:10px}.rail-vertical{writing-mode:vertical-rl;color:#778092;letter-spacing:.17em;font-size:11px;transform:rotate(180deg)}.rail-dot{background:#bded4b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 7px #bfef4a38}.quiz-content{width:100%;max-width:670px;padding:12px 0}.question-meta{align-items:center;gap:15px;margin-bottom:28px;display:flex}.meta-number{color:#111b35;font-size:13px}.eyebrow{color:#8992a2;font-size:10px}.meta-line{background:#111b3524;flex:1;max-width:95px;height:1px}.question-heading h1{letter-spacing:-.055em;max-width:660px;margin:0;font-size:clamp(32px,4.2vw,59px);font-weight:600;line-height:1.07}.question-heading p{color:#858e9e;margin:19px 0 34px;font-size:14px}.options{gap:10px;display:grid}.option{color:#111b35;text-align:left;background:0 0;border:1px solid #111b3529;grid-template-columns:36px 1fr 22px;align-items:center;gap:12px;width:100%;padding:17px 18px 17px 15px;transition:border-color .2s,background .2s,transform .2s;display:grid}.option:hover:not(:disabled){border-color:#111b35;transform:translate(5px)}.option-index{border:1px solid #111b3538;place-items:center;width:29px;height:29px;font-family:DM Mono,monospace;font-size:11px;display:grid}.option-text{font-size:14px;font-weight:600}.option-state{color:#9ba3b0;text-align:right;font-size:18px}.option.selected{background:#eae7de;border-color:#111b35}.option.correct{background:#bfef4a;border-color:#111b35}.option.wrong{background:#f2d9d6;border-color:#bd5963}.option.correct .option-state{color:#111b35}.answer-note{color:#8b94a3;opacity:.7;align-items:center;gap:13px;min-height:46px;margin-top:22px;transition:opacity .3s;display:flex}.answer-note.visible{opacity:1;color:#596476}.answer-note p{max-width:580px;margin:0;font-size:12px;line-height:1.55}.note-mark{color:#bfef4a;background:#111b35;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.note-mark svg{fill:currentColor;width:14px}.quiz-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.hint{letter-spacing:.04em;color:#9aa1ad;font-size:9px}.primary-button{color:#f7f5ef;background:#111b35;border:0;justify-content:space-between;align-items:center;gap:22px;min-width:185px;padding:17px 21px;font-size:12px;font-weight:700;transition:background .2s,transform .2s,opacity .2s;display:inline-flex}.primary-button span{color:#bfef4a;font-size:18px;line-height:0}.primary-button:hover:not(:disabled){background:#263352;transform:translateY(-3px)}.primary-button:disabled{cursor:not-allowed;opacity:.35}.visual-rail{background:#e9e6dc;justify-content:center;align-self:stretch;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.visual-rail:before{content:"";border:1px solid #111b3521;border-radius:50%;width:330px;height:330px;position:absolute}.visual-rail:after{content:"";border:1px solid #111b3514;border-radius:50%;width:440px;height:440px;position:absolute}.tooth-illustration{z-index:1;width:215px;height:260px;animation:5s ease-in-out infinite float;position:relative}.tooth-shape{background:#111b35;border-radius:48% 52% 47% 53%/34% 34% 65% 66%;width:160px;height:205px;position:absolute;top:19px;left:27px;transform:rotate(17deg);box-shadow:19px 23px #bfef4a}.tooth-shape:before,.tooth-shape:after{content:"";background:#e9e6dc;border-radius:50%;position:absolute}.tooth-shape:before{width:37px;height:76px;bottom:-17px;left:30px;transform:rotate(-7deg)}.tooth-shape:after{width:37px;height:76px;bottom:-14px;right:26px;transform:rotate(8deg)}.tooth-highlight{border:1px solid #f4f1e96b;border-radius:50%;width:53px;height:82px;position:absolute;top:43px;left:49px;transform:rotate(-20deg)}.illustration-caption{z-index:2;color:#111b35;text-align:right;font-size:9px;line-height:1.5;position:absolute;bottom:3px;right:-1px}.visual-index{color:#111b35;z-index:2;font-size:16px;position:absolute;bottom:18px;left:21px}.visual-index span{color:#9ca4b0;font-size:9px}.footer{color:#9ba2ad;border-top:1px solid #111b3521;justify-content:space-between;align-items:center;min-height:48px;padding:0 clamp(24px,5vw,84px);font-size:9px;display:flex}.footer span:nth-child(2){color:#778092}.result-page{color:#f4f1e9;background:#111b35}.result-page .topbar{border-color:#f4f1e929}.result-page .logo{color:#f4f1e9}.result-page .logo-mark i{border-color:#f4f1e9}.result-page .logo-type b,.result-page .topbar-note,.result-page .counter{color:#8f99ae}.result-shell{text-align:center;width:min(710px,100% - 48px);margin:auto;padding:70px 0 76px;position:relative}.result-kicker{color:#bfef4a;justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.result-kicker svg{fill:currentColor;width:15px}.result-score{letter-spacing:-.1em;color:#bfef4a;margin:25px 0 4px;font-size:clamp(100px,18vw,190px);font-weight:700;line-height:.9}.result-score small{color:#68748f;letter-spacing:-.05em;font-size:.27em}.result-shell h1{letter-spacing:-.06em;margin:22px 0 14px;font-size:clamp(32px,5vw,62px);line-height:1}.result-copy{color:#a6afc0;max-width:440px;margin:auto;font-size:14px;line-height:1.6}.result-button{color:#111b35;background:#f4f1e9;margin-top:31px}.result-button span{color:#111b35}.result-button:hover:not(:disabled){background:#bfef4a}.result-footnote{color:#68748f;margin-top:28px;font-size:8px;line-height:1.7}.result-page .footer{color:#68748f;border-color:#f4f1e929}.result-page .footer span:nth-child(2){color:#a6afc0}.result-orbit{pointer-events:none;border:1px solid #bfef4a1a;border-radius:50%;position:absolute}.orbit-one{width:530px;height:530px;top:17%;left:50%;transform:translate(-50%,-50%)}.orbit-two{border-color:#f4f1e90f;width:720px;height:720px;top:17%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-11px)rotate(2deg)}}@media (width<=950px){.quiz-layout{grid-template-columns:62px minmax(0,1fr);gap:30px}.visual-rail{display:none}.quiz-content{max-width:700px}.intro-rail{border-right:0}}@media (width<=620px){.topbar{height:72px;padding:0 20px}.topbar-note{display:none}.quiz-layout{grid-template-columns:1fr;width:calc(100% - 40px);padding:34px 0 32px;display:block}.intro-rail{display:none}.question-meta{margin-bottom:20px}.question-heading h1{font-size:clamp(31px,10vw,45px)}.question-heading p{margin:15px 0 24px}.option{padding:14px 13px}.option-text{font-size:13px;line-height:1.35}.answer-note{min-height:60px;margin-top:17px}.quiz-actions{margin-top:20px;display:block}.hint{margin-bottom:15px;display:block}.primary-button{width:100%}.footer{gap:10px;min-height:58px;padding:11px 20px;font-size:8px}.footer span:nth-child(2){text-align:center}.footer span:last-child{display:none}.result-shell{padding:50px 0 62px}.result-score{margin-top:30px}.result-shell h1{font-size:43px}.result-copy{font-size:13px}.orbit-one{width:360px;height:360px}.orbit-two{width:500px;height:500px}}