:root{font-family:'DM Sans',sans-serif;color:#1d2933;background:#f6f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#18242e;--muted:#78838a;--teal:#a8f0d0;--green:#1a805c;--line:#e6e9e5;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}.topbar{height:76px;padding:0 max(calc((100vw - 1160px)/2),32px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0ec}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 18px Manrope,sans-serif;letter-spacing:-.6px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--teal);font:800 17px Manrope;color:#173d32}.topbar nav{display:flex;gap:34px;margin-left:100px}.nav-link{padding:28px 0;color:#68747b;text-decoration:none;font-size:13px;font-weight:600}.nav-link.active{color:#1c825f;border-bottom:2px solid #1c9a70}.visitor-pill{border:1px solid var(--line);border-radius:99px;padding:8px 13px;color:#57646b;font-size:11px;font-weight:600}.status-dot,.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:#27b77d;border-radius:50%}.hero{min-height:376px;padding:60px max(calc((100vw - 1160px)/2),32px);position:relative;overflow:hidden;background:#13212a;color:#fff;display:flex;align-items:center;justify-content:space-between}.hero-copy{z-index:1}.eyebrow,.section-kicker{font:500 10px 'DM Mono',monospace;letter-spacing:1.6px;color:#78caa7}.hero h1{font:800 55px/.99 Manrope,sans-serif;letter-spacing:-2.5px;margin:17px 0}.hero h1 span{color:var(--teal)}.hero-text{font-size:14px;color:#aeb9bd;margin:0 0 26px}.button{min-height:43px;padding:0 18px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#173d32}.button-primary:hover{background:#bff5dc}.button-dark{background:#18242e;color:#fff}.button-dark:hover{background:#243746}.hero-card{width:260px;min-height:229px;z-index:1;padding:21px 22px;background:#21323c;border:1px solid #35464e;border-radius:12px;box-shadow:0 18px 50px #0b131a66}.hero-card-top{display:flex;justify-content:space-between}.live-label{font:500 9px 'DM Mono',monospace;color:#b5c0c3;letter-spacing:1px}.live-dot{width:6px;height:6px}.sparkle{color:var(--teal);font-size:18px}.hero-count{margin:14px 0 10px;font:700 39px Manrope,sans-serif;letter-spacing:-2px}.hero-count span{font:500 12px 'DM Sans',sans-serif;letter-spacing:0;color:#9eabad}.difficulty-stack{display:grid;grid-template-columns:1fr 1fr;gap:9px;color:#dce2df;font-size:11px}.level{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px 1px 0}.easy{background:#58c99a}.medium{background:#edc46f}.hard{background:#ed936f}.xhard{background:#d287cf}.hero-card-note{margin:15px 0 0;color:#829197;font-size:10px}.hero-decoration{position:absolute;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.decoration-one{width:420px;height:420px;right:31%;top:-236px}.decoration-two{width:580px;height:580px;right:23%;top:-314px}.stats-row{max-width:1160px;margin:auto;padding:25px 0;display:flex;align-items:center;border-bottom:1px solid var(--line)}.stats-row>div:not(.stats-note){display:flex;align-items:baseline;gap:8px;margin-right:50px}.stats-row strong{font:700 19px Manrope;color:#213039}.stats-row span{font-size:11px;color:#7f898e}.stats-note{margin-left:auto;font-size:11px;color:#829098}.stats-note span{color:#24a978;margin-left:5px}.content-layout{max-width:1160px;margin:0 auto;padding:56px 0 73px;display:grid;grid-template-columns:270px 1fr;gap:70px}.sidebar h2,.quiz-header h2{margin:10px 0 21px;font:700 23px Manrope,sans-serif;letter-spacing:-.6px}.sidebar .section-kicker,.quiz-header .section-kicker{color:#8a979a}.mode-list{display:grid;gap:7px}.mode-button{width:100%;padding:12px 10px;display:grid;grid-template-columns:28px 1fr 14px;align-items:center;text-align:left;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}.mode-button.selected{background:#fff;border-color:#e4eae5;box-shadow:0 3px 12px #1a2a1710}.mode-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#e8f7f0;color:#16895f;font-size:16px}.mode-button b{display:block;font-size:12px}.mode-button small{display:block;margin-top:4px;color:#8b969a;font-size:10px}.mode-arrow{color:#9ba5a6;font-size:21px}.filter-panel{padding:13px 12px 4px}.filter-panel label,.request-copy label{display:block;margin:9px 0 6px;color:#657278;font-size:10px;font-weight:700}.filter-panel select,.request-copy input,.request-copy textarea{width:100%;padding:10px 11px;border:1px solid #dfe6e1;border-radius:6px;background:#fff;color:#25343d;font:12px 'DM Sans',sans-serif}.start-button{width:100%;margin-top:17px;justify-content:space-between;padding:0 14px}.sidebar-tip{display:flex;gap:11px;margin-top:29px;padding:12px 11px;border-radius:8px;background:#edf6f1}.sidebar-tip>span{color:#149369;font-size:15px}.sidebar-tip p{margin:0;color:#68777b;font-size:10px;line-height:1.6}.sidebar-tip b{color:#2b4942}.quiz-header{display:flex;justify-content:space-between;align-items:flex-end}.quiz-header h2{margin-bottom:15px}.question-progress{color:#7f898d;font:11px 'DM Mono',monospace}.progress-track{height:4px;margin-bottom:19px;border-radius:99px;background:#e7ebe7;overflow:hidden}.progress-fill{height:100%;width:20%;border-radius:99px;background:#40b78a;transition:width .25s}.question-card{padding:27px 29px 24px;background:#fff;border:1px solid #e9ece8;border-radius:11px;box-shadow:0 7px 24px #25332608}.question-meta{display:flex;align-items:center;gap:7px;margin-bottom:17px}.tag{padding:5px 8px;border-radius:4px;background:#eff6f2;color:#47816a;font:500 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.4px}.tag.difficulty{background:#f4f1e9;color:#94733b}.tag.format{background:#f2f0f8;color:#7868a4}.question-prompt{max-width:680px;margin:0 0 19px;font:700 19px/1.45 Manrope,sans-serif;letter-spacing:-.4px;color:#202f37}.code-line{display:block;margin:-4px 0 17px;padding:12px;border-radius:6px;background:#f3f6f4;color:#285c4c;font:13px 'DM Mono',monospace}.answer-list{display:grid;gap:8px}.answer-option{width:100%;display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border:1px solid #e7ebe8;border-radius:7px;background:#fff;text-align:left;color:#39474c;font-size:12px;line-height:1.5;cursor:pointer}.answer-option:hover{border-color:#a6d7c3;background:#fbfefc}.answer-option.selected{border-color:#45af83;background:#f2faf6}.option-marker{flex:none;display:grid;place-items:center;width:19px;height:19px;margin-top:0;border:1px solid #cdd6d1;border-radius:50%;color:#667578;font:10px 'DM Mono',monospace}.answer-option.selected .option-marker{border-color:#299768;background:#299768;color:#fff}.answer-option.multi .option-marker{border-radius:4px}.code-answer{width:100%;padding:12px;border:1px solid #dfe7e1;border-radius:6px;color:#25343d;font:13px 'DM Mono',monospace}.answer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.answer-hint{color:#9aa3a5;font-size:10px}.submit-answer{min-width:122px}.feedback{margin-top:19px;padding:14px 15px;border-radius:7px;background:#eff9f3;border-left:3px solid #2ea976;color:#38594c}.feedback.incorrect{background:#fff5f1;border-left-color:#dc866c;color:#6a4c43}.feedback-title{margin:0 0 5px;font-weight:700;font-size:12px}.feedback-copy{margin:0;font-size:11px;line-height:1.6}.feedback .correct-answer{margin:8px 0 0;font-size:11px;font-weight:700}.anecdote{margin-top:13px;padding:12px 13px;border:1px dashed #d5e5dc;border-radius:7px;background:#fbfdfb}.anecdote b{display:block;margin-bottom:4px;color:#33815f;font:500 9px 'DM Mono',monospace;letter-spacing:.8px;text-transform:uppercase}.anecdote p{margin:0;color:#758287;font-size:10px;line-height:1.55}.next-row{display:flex;justify-content:flex-end;margin-top:16px}.session-complete{padding:35px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px}.session-complete .complete-icon{font-size:27px;color:#29a876}.session-complete h3{font:700 23px Manrope}.session-complete p{color:#718087;font-size:13px}.session-complete strong{color:#21835d}.request-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:59px max(calc((100vw - 1000px)/2),32px);background:#eaf3ed}.request-copy .eyebrow{color:#308261}.request-copy h2{margin:10px 0 9px;font:800 30px Manrope;letter-spacing:-1px}.request-copy>p:not(.eyebrow){max-width:440px;margin:0 0 18px;color:#6c7c7b;font-size:12px;line-height:1.6}.request-copy form{max-width:440px}.request-copy label{margin-top:12px;color:#53645f}.request-copy .optional{color:#9aa5a0;font-weight:400}.request-copy input,.request-copy textarea{border-color:#dce6df;background:#fff;resize:vertical}.request-copy form .button{margin-top:13px}.form-message{min-height:15px;margin:9px 0 0;color:#237b58;font-size:11px}.request-art{position:relative;min-height:250px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #b9d7c4;border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:280px;height:145px}.orbit-b{width:230px;height:210px;transform:rotate(47deg)}.art-star{position:absolute;top:42px;right:21%;color:#38a778;font-size:35px}.art-code{display:grid;place-items:center;width:105px;height:105px;border-radius:28px;background:#173c32;color:#a8f0d0;font:700 27px 'DM Mono',monospace;transform:rotate(-7deg);box-shadow:0 13px 30px #235d4425}.saved-requests{margin-top:8px;color:#677b72;font-size:10px}.saved-requests p{margin:5px 0}.saved-requests span{color:#26835f}footer{max-width:1160px;min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:#879297;font-size:10px}footer .brand{font-size:14px}footer .brand-mark{width:24px;height:24px;font-size:13px}

@media(max-width:900px){.topbar{padding:0 24px}.topbar nav{margin-left:0}.hero{padding:48px 32px}.stats-row,.content-layout{margin-left:28px;margin-right:28px}.content-layout{gap:32px;grid-template-columns:230px 1fr}.request-section{gap:35px;padding-left:40px;padding-right:40px}.stats-row>div:not(.stats-note){margin-right:28px}}
@media(max-width:650px){.topbar{height:64px;padding:0 18px}.topbar nav{gap:14px}.nav-link{font-size:11px;padding:24px 0}.visitor-pill{font-size:0;padding:9px}.visitor-pill .status-dot{margin:0}.hero{min-height:0;padding:42px 22px;display:block}.hero h1{font-size:46px}.hero-card{width:100%;max-width:360px;margin-top:33px}.decoration-one{right:-180px}.decoration-two{right:-230px}.stats-row{margin:0 20px;padding:19px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats-row>div:not(.stats-note){margin:0}.stats-note{grid-column:1/-1;margin:2px 0 0}.content-layout{display:block;margin:0;padding:38px 20px 48px}.sidebar{margin-bottom:37px}.mode-list{grid-template-columns:1fr}.sidebar-tip{display:none}.quiz-header{align-items:center}.quiz-header h2{font-size:20px}.question-card{padding:21px 17px}.question-prompt{font-size:17px}.question-progress{font-size:9px}.request-section{display:flex;flex-direction:column-reverse;gap:10px;padding:41px 22px}.request-copy{width:100%}.request-art{width:100%;min-height:160px}.orbit-a{width:230px;height:120px}.orbit-b{width:190px;height:165px}.art-code{width:75px;height:75px;font-size:21px}footer{padding:18px 20px;gap:10px;flex-wrap:wrap}footer span:nth-child(2){display:none}}

.ranking-card{margin-top:22px;padding:15px;border:1px solid #e5ebe6;border-radius:9px;background:#fff}.ranking-card-heading{display:flex;justify-content:space-between;color:#83908e;font:500 9px 'DM Mono',monospace;letter-spacing:1px}.ranking-card-heading span:last-child{color:#36a77b;font-size:14px}.ranking-score{display:flex;align-items:center;gap:10px;margin:13px 0}.ranking-score strong{font:700 31px Manrope,sans-serif;letter-spacing:-1px;color:#1f3b32}.ranking-score span{font-size:9px;line-height:1.35;color:#899594}.ranking-rate{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.ranking-rate strong{font:700 15px Manrope;color:#27815e}.ranking-rate span,.ranking-counts{font-size:10px;color:#778380}.ranking-counts{display:flex;justify-content:space-between;margin-top:10px}.ranking-counts b{color:#354b43}.ranking-card>p{margin:12px 0 0;color:#98a19e;font-size:9px;line-height:1.45}