:root{--ink:#14243d;--ink-soft:#526075;--ink-faint:#626c7b;--paper:#f5f2ea;--surface:#fffdf8;--surface-muted:#f1ede3;--line:#ded8cb;--line-strong:#c9c1b1;--navy:#14315a;--navy-deep:#0c2242;--amber:#f0a33a;--amber-strong:#9a5a0b;--amber-soft:#fdf0da;--green:#1e7a4d;--green-soft:#e8f5ed;--red:#b23a2e;--red-soft:#fbecea;--radius-xl:28px;--radius-lg:20px;--radius:14px;--radius-sm:9px;--shadow-soft:0 1px 2px #14243d0a, 0 18px 50px -30px #14243d59;--shadow-card:0 1px 2px #14243d0a, 0 30px 70px -40px #14243d73;--font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 520px at 88% -8%, #f0a33a2e, transparent 62%), radial-gradient(760px 520px at -8% 18%, #14315a14, transparent 60%), var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:var(--amber);color:var(--navy-deep)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--amber-strong);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 14px 30px -16px #0c2242bf}.btn-primary:hover{background:var(--navy-deep)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--navy);background:#ffffff80}.site-header,.quiz-header{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 48px);margin:0 auto;padding:26px 0;display:flex}.quiz-header{width:min(880px,100% - 40px)}.brand{color:var(--navy-deep);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--navy);color:#fff;letter-spacing:-.04em;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:900;display:grid;box-shadow:inset 0 -2px #00000026}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{letter-spacing:-.02em;font-size:1rem}.brand-copy small{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:.72rem;font-weight:600}.header-note{color:var(--ink-soft);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex}.header-note:before{background:var(--amber);content:"";border-radius:50%;width:7px;height:7px}.landing{overflow:hidden}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(32px,6vw,80px);width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(36px,6vw,78px) 0 clamp(44px,7vw,88px);display:grid}.hero-copy{z-index:2;position:relative}.hero h1{max-width:12ch;color:var(--navy-deep);letter-spacing:-.055em;margin-top:16px;font-size:clamp(2.9rem,6.2vw,5.2rem);font-weight:800;line-height:.96}.hero h1 span{color:var(--amber-strong)}.hero-lead{max-width:36rem;color:var(--ink-soft);margin-top:24px;font-size:clamp(1.03rem,1.4vw,1.16rem);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px;display:flex}.hero-cta{min-height:58px;padding:0 30px;font-size:1.02rem}.hero-cta .arrow{background:var(--amber);width:26px;height:26px;color:var(--navy-deep);border-radius:50%;place-items:center;font-size:.95rem;transition:transform .16s;display:inline-grid}.hero-cta:hover .arrow{transform:translate(3px)}.hero-note{color:var(--ink-faint);font-size:.84rem;font-weight:600}.hero-art{place-items:center;min-height:480px;display:grid;position:relative}.hero-road{width:112%;height:100%;color:var(--amber-strong);opacity:.38;position:absolute;inset:2% -4% 0 -8%;transform:rotate(-6deg)}.plate{aspect-ratio:1;background:linear-gradient(145deg,#ffffffe6,#f6f1e6f5),#fff;border:clamp(12px,2vw,18px) solid #bf3b2e;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;width:min(290px,68vw);display:flex;position:relative;transform:rotate(-7deg);box-shadow:inset 0 2px #ffffffe6,0 18px 0 -10px #14243d1f,0 34px 70px -34px #14243d8c}.plate:before{content:"";border:1px solid #14243d1a;border-radius:22px;position:absolute;inset:13px}.plate-letter{color:var(--navy-deep);letter-spacing:-.12em;font-size:clamp(7rem,13vw,10.5rem);font-weight:900;line-height:.8;transform:translate(-.04em)}.plate-label{color:var(--red);letter-spacing:.32em;text-transform:uppercase;margin-top:18px;font-size:.72rem;font-weight:900}.float-card{box-shadow:var(--shadow-soft);backdrop-filter:blur(8px);background:#fffdf8eb;border:1px solid #c9c1b1cc;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute}.float-card strong{color:var(--navy-deep);letter-spacing:-.04em;font-size:1.35rem;font-weight:800;line-height:1}.float-card span{color:var(--ink-soft);font-size:.78rem;font-weight:600;line-height:1.25}.float-card--count{top:22px;right:0;transform:rotate(4deg)}.float-card--count strong{font-size:1.8rem}.float-card--draw{bottom:36px;left:0;transform:rotate(-3deg)}.float-card--answer{bottom:10px;right:12px;transform:rotate(2deg)}.tick{background:var(--green-soft);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;color:var(--green)!important;font-size:1rem!important;font-weight:800!important}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.fact{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffdf89e;padding:24px 26px}.fact-value{color:var(--navy-deep);align-items:baseline;gap:8px;display:flex}.fact-value strong{letter-spacing:-.055em;font-size:clamp(2rem,3.5vw,2.9rem);font-weight:800;line-height:1}.fact-value span{color:var(--amber-strong);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:800}.fact p{color:var(--ink-soft);margin-top:10px;font-size:.92rem;line-height:1.5}.how{width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(58px,8vw,96px) 0 84px}.how-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:26px;display:flex}.how-head h2{max-width:16ch;color:var(--navy-deep);letter-spacing:-.045em;font-size:clamp(1.85rem,3.4vw,2.7rem);font-weight:800;line-height:1.05}.how-head p{max-width:30rem;color:var(--ink-soft);font-size:.98rem}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:28px;position:relative}.step-number{background:var(--amber-soft);width:34px;height:34px;color:var(--amber-strong);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.step h3{color:var(--navy-deep);letter-spacing:-.015em;margin-top:18px;font-size:1.08rem;font-weight:750}.step p{color:var(--ink-soft);margin-top:8px;font-size:.92rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);background:#fffdf880}.site-footer-inner{width:min(1180px,100% - 48px);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 30px;margin:0 auto;padding:26px 0 34px;font-size:.8rem;display:flex}.site-footer-inner strong{color:var(--ink-soft)}.quiz-body{background:radial-gradient(760px 440px at 82% -6%, #f0a33a29, transparent 62%), radial-gradient(680px 480px at -10% 20%, #14315a12, transparent 60%), var(--paper)}.quiz-page{flex-direction:column;min-height:100vh;display:flex}.quiz-shell{flex:1;width:min(860px,100% - 40px);margin:0 auto;padding:14px 0 70px}.quiz-topline{justify-content:space-between;align-items:end;gap:16px;margin-top:18px;display:flex}.quiz-topline h1{color:var(--navy-deep);letter-spacing:-.04em;margin-top:4px;font-size:clamp(1.55rem,3vw,2rem);font-weight:800;line-height:1.1}.quiz-chip{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;background:#fffdf8b3;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.quiz-chip:before{background:var(--amber);content:"";border-radius:50%;width:6px;height:6px}.progress-track{background:#14243d1a;border-radius:999px;height:8px;margin-top:14px;position:relative;overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--amber-strong), var(--amber));height:100%;transition:width .3s;display:block}.quiz-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);margin-top:22px;padding:clamp(24px,4.8vw,46px);animation:.24s ease-out both rise}.review-note{color:var(--ink);background:#9a5a0b14;border:1px solid #9a5a0b3d;border-radius:14px;margin:0 0 18px;padding:12px 16px;font-size:.9rem;line-height:1.45}.question-kicker{color:var(--ink-faint);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:.76rem;font-weight:800;display:flex}.question-kicker:before{background:var(--amber);content:"";width:24px;height:2px}.question-text{max-width:30ch;color:var(--navy-deep);letter-spacing:-.025em;white-space:pre-line;margin-top:16px;font-size:clamp(1.32rem,2.7vw,1.85rem);font-weight:700;line-height:1.34}.question-text--long{max-width:none;font-size:clamp(1.18rem,2.2vw,1.55rem)}.question-image{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:26px 0 2px;display:flex}.question-image[hidden]{display:none}.question-image figcaption{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.question-image img{background:#fff;border-radius:18px;width:min(340px,82%);height:auto;box-shadow:0 0 0 1px #14243d0f,0 18px 40px -26px #14243d73}.answer-form{margin-top:30px}.answer-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.answer-row{gap:12px;display:flex}.answer-input{border:1.5px solid var(--line-strong);border-radius:var(--radius);min-width:0;height:58px;color:var(--navy-deep);background:#fff;flex:1;padding:0 18px;font-size:1.05rem;font-weight:550;transition:border-color .14s,box-shadow .14s}.answer-input::placeholder{color:#9aa2ae;font-weight:400}.answer-input:focus{border-color:var(--amber-strong);outline:none;box-shadow:0 0 0 4px #f0a33a33}.answer-input.is-shaking{border-color:var(--red);animation:.24s ease-in-out shake}.btn-submit{border-radius:var(--radius);min-width:152px;height:58px}.answer-help{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:10px;font-size:.78rem;display:flex}.skip-btn{color:var(--ink-soft);background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-size:.78rem;font-weight:650}.skip-btn:hover{color:var(--navy)}.skip-btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.quiz-footnote{color:var(--ink-faint);text-align:center;margin-top:14px;font-size:.78rem}.results-heading{text-align:center;margin-top:18px}.results-title{color:var(--navy-deep);letter-spacing:-.045em;margin-top:6px;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;line-height:1.1}.results-title:focus{outline:none}.score-card{border-radius:var(--radius-xl);background:radial-gradient(500px 280px at 100% 0%, #ffffff1c, transparent 60%), var(--navy);color:#fff;box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,46px);margin-top:24px;padding:clamp(26px,4.5vw,42px);animation:.28s ease-out both rise;display:grid}.score-value{align-items:baseline;gap:8px;line-height:1;display:flex}.score-value strong{letter-spacing:-.07em;font-size:clamp(4rem,9vw,6.2rem);font-weight:800}.score-value span{color:#ffffff9e;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:650}.score-details{min-width:0}.score-message{font-size:clamp(1.02rem,2vw,1.18rem);font-weight:650;line-height:1.4}.score-bar{background:#ffffff2e;border-radius:999px;height:9px;margin-top:16px;overflow:hidden}.score-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--amber), #ffd182);height:100%;transition:width .5s;display:block}.score-caption{color:#ffffffad;margin-top:10px;font-size:.82rem;font-weight:600}.result-section{margin-top:34px}.result-section h2{color:var(--navy-deep);letter-spacing:.01em;align-items:center;gap:9px;font-size:1.02rem;font-weight:800;display:flex}.section-dot{border-radius:50%;width:9px;height:9px}.section-dot--red{background:var(--red)}.section-dot--green{background:var(--green)}.count-pill{background:var(--surface-muted);min-width:24px;height:24px;color:var(--ink-soft);border-radius:999px;place-items:center;padding:0 7px;font-size:.72rem;font-weight:800;display:inline-grid}.result-list{gap:12px;margin-top:12px;display:grid}.result-card{border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);padding:20px 22px;animation:.24s ease-out both rise}.result-card.is-wrong{border-left-color:var(--red);background:linear-gradient(90deg, #b23a2e09, transparent 40%), var(--surface)}.result-card.is-correct{border-left-color:var(--green)}.result-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.result-card-copy{min-width:0}.result-meta{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-size:.7rem;font-weight:800;display:flex}.result-status{letter-spacing:.08em;border-radius:999px;padding:3px 8px;font-size:.64rem}.is-wrong .result-status{background:var(--red-soft);color:var(--red)}.is-correct .result-status{background:var(--green-soft);color:var(--green)}.result-question{color:var(--ink);white-space:pre-line;margin-top:7px;font-size:.98rem;font-weight:600;line-height:1.48}.result-image{border:1px solid var(--line);background:#fff;border-radius:12px;flex:none;width:104px;padding:7px}.result-image img{border-radius:7px;width:100%;height:auto;display:block}.result-answers{border-top:1px dashed var(--line);gap:7px;margin-top:14px;padding-top:12px;display:grid}.result-answer{grid-template-columns:124px minmax(0,1fr);align-items:baseline;gap:12px;font-size:.88rem;display:grid}.result-answer dt{color:var(--ink-faint);font-weight:650}.result-answer dd{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.is-wrong .user-answer{color:var(--red)}.is-correct .user-answer{color:var(--green)}.expected-answer{color:var(--green)!important}.empty-answer{font-style:italic;color:var(--ink-faint)!important;font-weight:500!important}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=920px){.hero{grid-template-columns:1fr;gap:40px;padding-top:26px}.hero-copy{max-width:640px}.hero h1{max-width:13ch}.hero-art{width:100%;max-width:520px;min-height:410px;margin:0 auto}.plate{width:min(270px,58vw)}.facts,.steps{grid-template-columns:1fr}.fact{align-items:center;gap:18px;display:flex}.fact p{margin-top:0}}@media (width<=640px){.site-header,.quiz-header,.hero,.facts,.how,.site-footer-inner{width:min(100% - 32px,1180px)}.header-note{display:none}.hero{padding-bottom:46px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-cta{width:100%}.hero-art{min-height:350px}.plate{border-radius:26px;width:min(230px,58vw)}.float-card{padding:9px 12px}.float-card--count{top:4px;right:0}.float-card--draw{bottom:18px;left:0}.float-card--answer{bottom:4px;right:0}.float-card span{font-size:.7rem}.how{padding-top:54px;padding-bottom:58px}.quiz-shell{width:min(100% - 28px,860px);padding-bottom:48px}.quiz-topline{align-items:flex-start}.quiz-chip{display:none}.answer-row{flex-direction:column}.btn-submit{width:100%}.question-image img{width:min(280px,86%)}.score-card{text-align:left;grid-template-columns:1fr;gap:14px}.score-value strong{font-size:4.4rem}.result-card{padding:17px}.result-card-head{gap:12px}.result-image{width:78px;padding:5px}.result-answer{grid-template-columns:1fr;gap:2px}.results-actions .btn{width:100%}}.quiz-progress-label{color:var(--navy-deep);letter-spacing:-.02em;margin-top:2px;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:750}.perfect-note{border-radius:var(--radius);background:var(--green-soft);color:var(--green);text-align:center;border:1px solid #c8e6d4;margin-top:18px;padding:14px 18px;font-size:.92rem;font-weight:650}.noscript-note{border-radius:var(--radius);background:var(--amber-soft);color:#7a4a05;text-align:center;border:1px solid #efd29f;width:min(680px,100% - 32px);margin:0 auto 24px;padding:14px 18px}