@import "https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap";:root{--navy:#425594;--navy-dark:#2c3a6b;--turquoise:#0bc2c2;--turquoise-dark:#079c9c;--lime:#aedb4f;--sky:#56a3db;--paper:#f6f7f2;--white:#fff;--ink:#1a1a1a;--muted:#667085;--line:#2c3a6b24;--shadow:0 28px 70px -42px #2c3a6b94}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-height:100vh;color:var(--ink);background-color:var(--paper);text-rendering:optimizelegibility;background-image:linear-gradient(#f6f7f2e0,#f6f7f2e0),url(/paper-texture.png);background-size:auto,220px 220px;margin:0;font-family:Mulish,Avenir Next,Arial,sans-serif}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0bc2c252}.site-shell{width:min(100% - 32px,940px);margin:0 auto;padding:28px 0 72px}.brand-header,.game-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-lockup img{object-fit:contain;flex:none;width:66px;height:66px}.brand-lockup div{gap:2px;display:grid}.brand-lockup strong{color:var(--navy-dark);letter-spacing:-.02em;font-size:19px;font-weight:900}.brand-lockup span{color:var(--muted);font-size:13px;font-weight:650}.version-chip{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;background:#ffffffa8;border:1px solid #4255942e;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.hero-card{color:var(--white);background:radial-gradient(circle at 88% 18%, #0bc2c24d, transparent 24%), radial-gradient(circle at 72% 116%, #aedb4f3d, transparent 40%), var(--navy-dark);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:48px;padding:54px 56px 50px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";border:30px solid #ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-58px;right:-52px}.hero-copy,.hero-stats{z-index:1;position:relative}.eyebrow{color:var(--turquoise-dark);letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.hero-card .eyebrow{color:#65e0dc}.hero-card h1{letter-spacing:-.045em;max-width:590px;margin:0 0 18px;font-size:clamp(34px,5vw,56px);line-height:1.06}.hero-card p{color:#ffffffbd;max-width:600px;margin:0;font-size:16px;line-height:1.65}.hero-stats{background:#ffffff1f;border:1px solid #ffffff26;border-radius:16px;gap:1px;display:grid;overflow:hidden}.hero-stats div{background:#2c3a6b8c;justify-content:space-between;align-items:baseline;gap:16px;padding:17px 18px;display:flex}.hero-stats strong{font-size:24px;font-weight:900}.hero-stats span{color:#ffffffa6;font-size:12px;font-weight:700}.resume-banner{width:100%;color:var(--navy-dark);cursor:pointer;background:#0bc2c217;border:1px solid #0bc2c240;border-radius:14px;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 20px;transition:transform .16s,background .16s;display:flex}.resume-banner:hover{background:#0bc2c224;transform:translateY(-1px)}.resume-banner span{font-size:13px}.resume-banner strong{font-size:14px}.mode-section{padding:48px 4px 0}.section-heading{margin-bottom:22px}.section-heading h2{color:var(--navy-dark);letter-spacing:-.03em;margin:0;font-size:28px}.mode-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mode-card{border:1.5px solid var(--line);text-align:left;cursor:pointer;background:#fffc;border-radius:20px;min-height:190px;padding:26px;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;box-shadow:0 15px 38px -34px #2c3a6be6}.mode-card:hover{border-color:#0bc2c294;transform:translateY(-2px);box-shadow:0 25px 50px -36px #2c3a6bcc}.mode-card.selected{border-color:var(--turquoise);box-shadow:inset 0 0 0 1px var(--turquoise);background:linear-gradient(145deg,#0bc2c21a,#ffffffe6)}.mode-number{width:42px;height:42px;color:var(--navy-dark);background:#42559417;border-radius:12px;place-items:center;margin-bottom:26px;font-size:14px;font-weight:900;display:grid}.mode-card.selected .mode-number{color:var(--white);background:var(--turquoise)}.mode-card strong{color:var(--navy-dark);margin-bottom:8px;font-size:18px;font-weight:900;display:block}.mode-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.primary-button,.text-button{cursor:pointer;border:0;border-radius:13px;font-weight:850;transition:transform .16s,opacity .16s,box-shadow .16s}.primary-button{min-height:50px;color:var(--white);background:var(--navy);padding:13px 24px;box-shadow:0 14px 30px -18px #2c3a6be6}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px -18px #2c3a6bf2}.primary-button:disabled{opacity:.38;cursor:not-allowed}.start-button{width:100%;margin-top:18px}.save-note,.grading-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:11.5px;line-height:1.5}.game-shell{width:min(100% - 32px,820px)}.game-header{margin-bottom:18px}.small-lockup img{width:54px;height:54px}.small-lockup strong{font-size:17px}.game-counters{gap:22px;display:flex}.game-counters>div{text-align:right;min-width:58px}.game-counters span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:850;display:block}.game-counters strong{color:var(--navy-dark);font-variant-numeric:tabular-nums;font-size:18px}.game-counters .timer.warning strong{color:#c8463a}.progress-track,.result-meter{background:#2c3a6b1a;border-radius:999px;height:7px;overflow:hidden}.progress-track{margin-bottom:18px}.progress-track span,.result-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--turquoise), var(--lime));height:100%;transition:width .3s;display:block}.question-card,.finish-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:24px;padding:44px 46px;position:relative;overflow:hidden}.question-card:before,.finish-card:before{content:"";background:linear-gradient(var(--navy), var(--turquoise));width:6px;position:absolute;inset:0 auto 0 0}.question-index{color:#2c3a6b14;font-size:70px;font-weight:900;line-height:1;position:absolute;top:24px;right:28px}.question-card h1{max-width:620px;color:var(--navy-dark);letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(27px,4vw,38px);line-height:1.15;position:relative}.question-prompt{color:#3f4658;max-width:680px;margin:0 0 26px;font-size:16px;line-height:1.68;position:relative}.case-images{background:#edf0eb;border-radius:16px;max-height:370px;margin:4px 0 28px;display:grid;overflow:hidden}.case-images.image-pair{grid-template-columns:1fr 1fr;gap:2px}.case-images img{object-fit:contain;background:#eef0ec;width:100%;height:100%;min-height:210px;max-height:370px}.answer-label{color:var(--navy-dark);justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:9px;font-size:14px;font-weight:900;display:flex}.answer-label span{color:var(--muted);font-size:11px;font-weight:600}textarea{resize:vertical;width:100%;min-height:156px;color:var(--ink);background:#fbfcf9;border:1.5px solid #2c3a6b2b;border-radius:14px;padding:17px 18px;font-size:15px;line-height:1.55;transition:border-color .16s,box-shadow .16s;display:block}textarea::placeholder{color:#a0a7b4}textarea:hover:not(:disabled),textarea:focus{border-color:#0bc2c2bf;box-shadow:0 0 0 4px #0bc2c214}textarea:disabled{color:#454b58;background:#f3f5f1}.answer-meta{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:10.5px;font-weight:650;display:flex}.form-error{color:#8f2e29;background:#fff0ef;border-radius:10px;margin:16px 0 0;padding:12px 14px;font-size:13px}.checking-line{color:var(--navy);align-items:center;gap:10px;margin-top:18px;font-size:12px;font-weight:800;display:flex}.checking-line span{border:2px solid #42559433;border-top-color:var(--turquoise);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.question-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.text-button{color:var(--muted);background:0 0;padding:12px 4px}.text-button:hover:not(:disabled){color:var(--navy-dark)}.next-button{margin-left:auto}.feedback-card{background:linear-gradient(145deg,#0bc2c212,#aedb4f0f);border:1px solid #0bc2c233;border-radius:16px;margin-top:24px;padding:23px}.feedback-topline{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.feedback-topline>div:first-child{gap:5px;display:grid}.feedback-kicker{color:var(--turquoise-dark);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.feedback-topline strong{color:var(--navy-dark);font-size:15px;line-height:1.45}.score-badge{color:var(--navy-dark);flex:none;align-items:baseline;gap:5px;display:flex}.score-badge span{font-size:33px;font-weight:900}.score-badge small{color:var(--muted);font-size:11px;font-weight:800}.criteria-block{border-top:1px solid #2c3a6b1a;margin-top:18px;padding-top:17px}.criteria-block h3{color:var(--navy-dark);margin:0 0 9px;font-size:12px}.criteria-block ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.criteria-block li{color:#525968;padding-left:20px;font-size:12px;line-height:1.45;position:relative}.criteria-block li:before{font-weight:900;position:absolute;left:0}.criteria-good li:before{content:"✓";color:var(--turquoise-dark)}.criteria-missed li:before{content:"+";color:var(--navy)}.expert-answer{border-top:1px solid #2c3a6b1a;margin-top:18px;padding-top:16px}.expert-answer summary{color:var(--navy);cursor:pointer;font-size:12px;font-weight:850}.expert-answer p{color:#4f5665;margin:12px 0 0;font-size:13px;line-height:1.65}.finish-card{max-width:740px;margin:42px auto 0;padding:58px}.finish-card h1{color:var(--navy-dark);letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(36px,6vw,54px);line-height:1.08}.finish-lead{max-width:540px;color:var(--muted);margin:0 0 26px;font-size:17px;line-height:1.6}.finish-lead strong{color:var(--navy-dark)}.result-meter{height:11px}.finish-stats{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:30px 0;display:grid;overflow:hidden}.finish-stats div{text-align:center;background:#fbfcf9;gap:3px;padding:19px;display:grid}.finish-stats strong{color:var(--navy-dark);font-size:23px;font-weight:900}.finish-stats span{color:var(--muted);font-size:10px;font-weight:750}.pending-note{border-left:4px solid var(--lime);background:#aedb4f1a;border-radius:0 11px 11px 0;margin-bottom:22px;padding:16px 18px}.pending-note span{color:var(--navy-dark);font-size:12px;font-weight:900}.pending-note p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}@media (width<=720px){.site-shell{width:min(100% - 24px,940px);padding-top:18px}.hero-card{border-radius:22px;grid-template-columns:1fr;gap:30px;padding:38px 30px 32px}.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-stats div{text-align:center;justify-content:center;gap:3px;padding:14px 8px;display:grid}.hero-stats strong{font-size:20px}.mode-grid{grid-template-columns:1fr}.game-header{align-items:flex-end}.small-lockup span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.game-counters{gap:13px}.game-counters>div{min-width:45px}.question-card,.finish-card{border-radius:20px;padding:34px 27px}.question-index{font-size:54px;top:18px;right:18px}.case-images{max-height:none}.case-images img{min-height:170px}}@media (width<=520px){.brand-header{align-items:center}.brand-lockup img{width:54px;height:54px}.brand-lockup strong{font-size:16px}.version-chip{padding:7px 9px;font-size:9px}.hero-card h1{font-size:36px}.resume-banner{flex-direction:column;align-items:flex-start;gap:4px}.mode-section{padding-top:38px}.mode-card{min-height:0}.game-header{flex-direction:column;align-items:flex-start;gap:14px}.game-counters{background:#ffffff9e;border-radius:12px;justify-content:space-between;width:100%;padding:10px 12px}.game-counters>div{text-align:left}.question-card h1{padding-right:34px}.question-prompt{font-size:15px}.case-images.image-pair{grid-template-columns:1fr 1fr}.answer-label{flex-direction:column;align-items:flex-start;gap:2px}.question-actions{flex-direction:column-reverse;align-items:stretch}.question-actions .primary-button,.next-button{width:100%;margin-left:0}.feedback-topline{gap:12px}.finish-stats{grid-template-columns:1fr}.finish-stats div{text-align:left;justify-content:space-between;align-items:baseline;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}