@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--navy:#262d84;--blue:#27aae1;--ink:#18213e;--muted:#66718b;--line:#dce1eb;--paper:#f5f6fa;--green:#14775b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55}header{max-width:1320px;margin:auto;display:flex;align-items:center;gap:35px;padding:27px 38px;border-bottom:1px solid var(--line)}.brand{font-size:12px;letter-spacing:2px;line-height:1.25;color:var(--navy);text-decoration:none}.brand strong{font-size:17px;letter-spacing:2.5px}.edition{font-size:11px;letter-spacing:1.8px;color:var(--muted)}.badge{margin-left:auto;border:1px solid var(--line);border-radius:30px;padding:6px 13px;font-size:12px;color:var(--muted)}main{max-width:1244px;margin:0 auto;padding:52px 0 35px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12}h1{font-size:clamp(44px,6vw,80px);letter-spacing:-3px;margin:22px 0;color:var(--navy)}h2{font-size:32px;letter-spacing:-1px;margin:12px 0 20px}p{margin:0 0 20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--navy);text-transform:uppercase}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.lead{font-size:20px;max-width:530px;color:var(--muted)}.primary{background:var(--navy);color:white;border:0;border-radius:8px;padding:15px 24px;font-weight:700;cursor:pointer;font-size:15px}.primary:hover{background:#1b216a}.secondary{border:1px solid var(--line);background:white;color:var(--navy);padding:14px 22px;border-radius:8px;font-weight:700;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.fine{font-size:13px;color:var(--muted)}.site-art{background:var(--navy);border-radius:18px;padding:30px;color:white;min-height:420px;position:relative;overflow:hidden}.site-art svg{width:100%;height:230px}.art-title{font-size:12px;letter-spacing:2px;color:#a7d9f0}.art-date{font-size:35px;font-weight:700}.art-caption{border-top:1px solid #5860a4;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:#c4c9ea}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);padding-top:24px;gap:30px}.facts strong{display:block;font-size:21px;color:var(--navy)}.facts span{color:var(--muted);font-size:14px}.play{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:32px}.progress{height:4px;background:#dfe3ef;border-radius:5px;margin-bottom:28px;overflow:hidden}.progress>i{display:block;background:var(--blue);height:100%}.question-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.prompt{font-size:19px;color:#4d5973}.option{display:flex;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;gap:15px;margin-top:12px;cursor:pointer;font:inherit;color:var(--ink)}.option:hover:not(:disabled){border-color:var(--blue);background:#f1faff}.option b{width:30px;height:30px;flex-shrink:0;border-radius:6px;background:#f1f3f9;text-align:center;line-height:30px;color:var(--navy)}.option.selected{border:2px solid var(--navy);background:#f1f3ff;padding:17px}.option:disabled{cursor:default}.option:disabled:not(.selected){opacity:.55}.feedback{margin-top:24px;border-left:3px solid var(--blue);background:#eef8fd;padding:20px;border-radius:0 8px 8px 0}.feedback p{margin:8px 0}.impact{display:flex;gap:20px;font-weight:700;color:var(--navy);font-size:14px}.dashboard{align-self:start;position:sticky;top:24px}.dashboard .card{padding:25px}.stat{border-bottom:1px solid var(--line);padding:18px 0}.stat:last-child{border:0}.stat label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.stat strong{font-size:27px;color:var(--navy);letter-spacing:-1px}.stat small{display:block;color:var(--muted);font-size:12px}.danger{color:#b54036!important}.gates{list-style:none;padding:0;margin:18px 0 0;font-size:13px}.gates li{display:flex;justify-content:space-between;gap:8px;padding:7px 0}.status{font-size:11px;color:var(--muted)}.status.good{color:var(--green)}.status.bad{color:#b54036}.result-hero{background:var(--navy);color:white;border-radius:15px;padding:40px}.result-hero h1{color:white;font-size:48px;letter-spacing:-2px}.result-hero .eyebrow{color:#b6e5fa}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #6268aa;padding-top:23px;margin-top:25px}.result-grid strong{font-size:27px;display:block}.result-grid span{font-size:12px;color:#cbd0ed}.review{margin-top:30px}.review details{background:white;border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:17px 22px}.review summary{cursor:pointer;font-weight:700}.review details p{margin:15px 0 0;color:var(--muted)}footer{max-width:1244px;margin:auto;padding:30px 0;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}footer button{border:0;background:transparent;color:var(--navy);text-decoration:underline;cursor:pointer}dialog{max-width:700px;border:0;border-radius:14px;padding:40px;color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#12183f99}.close{float:right;border:0;background:transparent;font-size:30px;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.toast{font-size:13px;color:var(--green)}@media(max-width:1300px){main,footer{margin-left:38px;margin-right:38px}}@media(max-width:850px){header{padding:20px;gap:16px}.edition{display:none}main{margin:0;padding:30px 20px}.hero{grid-template-columns:1fr;gap:25px}.site-art{min-height:350px}.play{grid-template-columns:1fr}.dashboard{position:static;order:-1}.dashboard .card{padding:17px}.dashboard .stats{display:flex;gap:20px}.stat{border:0;flex:1;padding:8px 0}.stat strong{font-size:23px}.gates{display:none}.card{padding:24px}.facts{gap:15px;margin-top:30px}.facts strong{font-size:17px}.result-hero{padding:26px}.result-hero h1{font-size:38px}.result-grid{gap:10px}.result-grid strong{font-size:22px}footer{margin:0 20px}h1{letter-spacing:-2px}dialog{margin:20px;padding:25px}}
.learning-section{margin-top:40px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.learning-card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.learning-card h3{font-size:20px;margin:15px 0}.learning-card p{font-size:14px;color:var(--muted)}.learning-card a,.learn-inline a{color:var(--navy);font-weight:700;font-size:14px}.learn-inline{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:8px}.learn-inline p{margin:8px 0}.learn-inline small{display:block;margin-top:8px;color:var(--muted)}.prize{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#e7f4fb;border:1px solid #c7e5f5;border-radius:12px;padding:27px;margin-top:35px}.prize h3{font-size:24px;margin:12px 0 0}.prize p{margin:0;align-self:center;font-size:14px;color:#44536e}.entry-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:27px;margin-top:25px}.entry-panel h2{font-size:24px}.entry-panel button:disabled{cursor:default;opacity:.6}@media(max-width:850px){.learning-grid,.prize{grid-template-columns:1fr}}
.account-note{font-size:12px!important;margin:12px 0 0!important}.community-section{margin-top:45px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.live-score{background:white;border:1px solid var(--line);padding:18px 24px;border-radius:10px;min-width:250px}.live-score span,.live-score small{display:block;color:var(--muted);font-size:11px}.live-score strong{display:block;font-size:16px;color:var(--navy);margin:7px 0}.winners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.winner-card{background:white;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:10px;padding:22px}.winner-card h3{font-size:22px;margin:14px 0;color:var(--navy)}.winner-card strong{font-size:14px}.winner-card p{font-size:12px;color:var(--muted);margin:10px 0 0}.share-panel{background:#e8ebf6;padding:30px;border-radius:12px;margin:35px 0}.share-panel h2{font-size:28px}.share-panel p{margin-bottom:0}.share-panel a{text-decoration:none;display:inline-block;font-size:14px}.share-panel .actions{margin:22px 0 12px}#shareFallback{width:100%;min-height:120px;font:inherit;padding:12px}@media(max-width:850px){.board-heading{display:block}.live-score{margin-bottom:18px}.winners-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.winners-grid{grid-template-columns:1fr}}
.gates li{display:block}.gates details{width:100%}.gates summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.gates summary span:first-child{text-decoration:underline;text-decoration-color:#bdc8df;text-underline-offset:3px}.gates details p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.5}.briefing{max-width:1000px;margin:auto}.briefing>h2{max-width:800px;font-size:38px}.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f1f6fb;border-radius:10px;padding:26px;margin:30px 0}.briefing-grid h3{font-size:22px;margin-top:0}.briefing-grid p{font-size:15px}.gate-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.gate-guide details{border:1px solid var(--line);border-radius:8px;padding:15px}.gate-guide summary{cursor:pointer;color:var(--navy);font-weight:700}.gate-guide p{font-size:14px;color:var(--muted);margin:12px 0 0}.entry-reminder{font-size:14px;padding:20px;border-left:3px solid var(--blue);background:#eef8fd}@media(max-width:850px){.briefing-grid,.gate-guide{grid-template-columns:1fr}.briefing>h2{font-size:30px}.dashboard .gates{display:block}.community-section{margin-top:25px}}
.winner-photo{display:block;width:64px;height:64px;object-fit:cover;border-radius:50%;margin-bottom:15px;border:2px solid #e6ebf4}.site-art{padding:0;display:flex;flex-direction:column;min-height:420px}.site-art .art-title{padding:24px 27px 0}.site-art .art-date{padding:0 27px 18px;font-size:30px}.hero-photo{display:block;width:100%;height:270px;object-fit:cover;flex-grow:1}.site-art .art-caption{padding:18px 25px;background:var(--navy);border-top:0}@media(max-width:850px){.hero-photo{height:270px}.site-art .art-date{font-size:28px}}
.official-logo-frame{display:block;width:64px;height:44px;overflow:hidden;flex:0 0 64px;margin-left:-25px}.official-logo-frame img{display:block;width:82px;height:82px;max-width:none;transform:translate(-8px,-24px)}.referral-prize{padding:18px 20px;margin-top:20px;background:#fff;border:1px solid #d4dbec;border-radius:8px}.referral-prize>strong{color:var(--navy)}.referral-prize p{font-size:14px;margin:8px 0 0}.referral-prize p.fine{font-size:12px}@media(max-width:850px){.official-logo-frame{margin-left:-6px;flex-basis:56px;width:56px}}
.winner-card{padding:18px}.winner-card h3{font-size:19px;margin:10px 0}.winner-photo{width:52px;height:52px;margin-bottom:10px}.winner-card strong{font-size:13px}
/* Preserve the supplied official artwork; blend its white canvas into the header. */
.official-logo-frame img{mix-blend-mode:multiply}
.hero-anchors{display:flex;gap:25px;flex-wrap:wrap;padding:22px 0 0}.hero-anchors a{color:var(--navy);font-size:13px;font-weight:700;text-decoration:none}.hero-anchors a:hover{text-decoration:underline}html{scroll-behavior:smooth}section[id]{scroll-margin-top:25px}.entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.entry-fields label{font-size:14px;font-weight:700}.entry-fields input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;font:inherit;margin-top:6px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:14px 0}.check input{margin-top:5px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#entryStatus{margin:16px 0;color:var(--navy);font-size:14px}#liveRankings ol{list-style:none;margin:0;padding:0}#liveRankings li{background:white;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}@media(max-width:850px){.entry-fields{grid-template-columns:1fr}.hero-anchors{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero h1{font-size:clamp(2.5rem,4.8vw,4.4rem);line-height:1.06}.how-panel,.team-panel,.debrief{margin:32px 0}.debrief article{border-bottom:1px solid #dce4ef;padding:12px 0}.debrief ul{padding-left:24px;line-height:1.7}select{font:inherit;padding:12px;border:1px solid #bdc9da;border-radius:8px;width:100%;background:white;color:#262d84}.entry-panel select{margin:8px 0 20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #27aae1;outline-offset:4px}.actions{flex-wrap:wrap}.hero-anchors{flex-wrap:wrap}@media(max-width:600px){.hero h1{font-size:2.4rem}.actions>*{max-width:100%;white-space:normal}.how-panel,.team-panel,.debrief{padding:22px}.edition{display:none}.result-grid{grid-template-columns:1fr}header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Screen headings receive programmatic focus after navigation for assistive technology. */
#app h1[tabindex="-1"]:focus,#app h2[tabindex="-1"]:focus{outline:none}

.registration{max-width:760px;margin:0 auto}.registration input{display:block;width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;margin:8px 0 22px}.prize p{margin-bottom:12px}.rules-page{max-width:860px;padding:40px 24px}.rules-page p{line-height:1.7}.official-logo-frame{display:block}

/* One continuous hero: text fades into the project photograph. */
.hero{position:relative;display:block;isolation:isolate;overflow:hidden;background:#eef4fc;padding:52px 46px;min-height:530px;gap:0}
.hero-copy{position:relative;z-index:2;width:60%;max-width:710px}
.hero h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.06;letter-spacing:-2px;color:#091c43;margin:22px 0 26px}
.hero .lead{max-width:560px;font-size:19px;color:#425570}
.hero .eyebrow{color:#0964ce;line-height:1.7;display:block;max-width:620px}
.hero .primary{background:#0d61cf}.hero .primary:hover{background:#084da9}
.hero .secondary{color:#0d61cf;border-color:#0d61cf;background:#ffffffed}
.hero-media{position:absolute;inset:0 0 0 40%;z-index:0;overflow:hidden}
.hero-media .hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center;margin:0;border-radius:0;max-height:none}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eef4fc 0%,#eef4fc 14%,rgba(238,244,252,.95) 30%,rgba(238,244,252,.55) 46%,rgba(238,244,252,0) 67%);pointer-events:none}
.hero-project-label{position:absolute;right:22px;bottom:24px;z-index:1;padding:9px 13px;border-radius:6px;background:#ffffffed;color:#263d5e;font-size:11px;font-weight:600;max-width:calc(100% - 44px)}
@media(max-width:900px){.hero{padding:36px 30px}.hero-copy{width:65%}.hero h1{font-size:3rem}.hero .lead{font-size:18px}.hero-media{left:42%}.hero-project-label{max-width:230px}}
@media(max-width:700px){.hero{padding:0;min-height:0}.hero-copy{width:100%;max-width:none;padding:32px 24px 8px}.hero h1{font-size:2.4rem;letter-spacing:-1.2px}.hero-media{position:relative;inset:auto;height:270px;width:100%}.hero-media .hero-photo{object-position:center}.hero-media::after{background:linear-gradient(180deg,#eef4fc 0%,rgba(238,244,252,.65) 14%,rgba(238,244,252,0) 45%)}.hero-project-label{right:16px;bottom:16px;max-width:calc(100% - 32px);font-size:10px}.hero .actions{margin-bottom:18px}.hero .fine{margin-bottom:12px}}