html{scroll-padding-top:90px}body{background:#f3f5fa;color:#12243a}header{position:sticky;top:0;z-index:20;background:#fffffff5;backdrop-filter:blur(12px);max-width:none;padding:12px max(5vw,16px);box-shadow:0 2px 18px #09254416}nav a:last-child,.cta,button.primary{background:#08478e;color:white!important;font-weight:750;padding:12px 22px;border-radius:999px;text-decoration:none}.cta,button.primary{background:#ffda67;color:#102842!important;box-shadow:0 5px 0 #b98f29;padding:16px 26px;text-align:center}.cta:hover,button.primary:hover{background:#ffe69a}.deadline{background:#101d35;letter-spacing:.055em}main{padding-block:28px}#intro{background:linear-gradient(125deg,#092443,#00438a);color:white;border-radius:24px}#intro small{color:#c6d9ef;letter-spacing:.1em}#intro img{border-radius:18px}#intro h1{max-width:12ch}#intro p{color:#edf5ff;max-width:43ch}h2{letter-spacing:-.045em;font-size:clamp(26px,4vw,42px);line-height:1.08}.wrap,#features{margin:32px 0}#features{background:#e2eaf3;padding:clamp(18px,4vw,44px)}#features>p{max-width:62ch}#features h2{margin:10px 0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.gallery article{background:#fff;overflow:hidden;padding:0;border:none;border-radius:16px}.gallery img{width:100%;height:auto;display:block}.gallery article div{padding:16px}.gallery h3{font-size:23px}.cards article{border-top:4px solid #00438a}.cards article:first-child{background:#112b4e;color:white}.cards article:first-child b{color:#ffdc75}#quiz aside{background:linear-gradient(145deg,#00438a,#142744)}#choices>button:hover{background:#e6eff9;border-color:#00438a}form{background:#eff4fb;border-radius:18px;padding:20px}form input{max-width:100%;width:100%;padding:13px;border-radius:8px;border:1px solid #8293aa;display:block;margin-top:5px}form label{font-weight:bold}footer{margin-top:20px;border-top:1px solid #ccd6e3}button:focus-visible,a:focus-visible{outline:3px solid #cb8b04;outline-offset:3px}@media(max-width:720px){.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.gallery article{flex:0 0 74%;scroll-snap-align:start}.gallery img{max-height:360px;object-fit:contain;background:#13263a}nav a:last-child{padding:10px 13px}#intro img{border-radius:0}#intro div{padding:28px}header strong{font-size:24px}}

.deadline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;background:repeating-linear-gradient(125deg,#10131b 0 18px,#151a25 18px 20px);padding:14px}.deadline strong{background:white;color:#101623;padding:3px 10px;letter-spacing:.1em;transform:skew(-5deg)}#clock{background:#00438a;border:1px solid #598cc7;border-radius:5px;padding:3px 12px;font:700 18px/1.45 monospace;font-variant-numeric:tabular-nums}.cta,button.primary{background:#00438a;color:white!important;border:2px solid #8fbfff;box-shadow:0 4px 0 #002a58}.cta:hover,button.primary:hover{background:#095aa8}.ranking{padding-left:14px;border-left:3px solid #90bfff;font-size:14px}.ranking b{font-size:17px}#intro:has(#hero:not([hidden])){background:linear-gradient(115deg,#0a101c,#102946 74%,#00438a)}
#callback{scroll-margin-top:10px}.jump{display:inline-block}#choices,.cards>* ,#panel{min-width:0}form button:disabled{opacity:.7}
@media(max-width:720px){html{scroll-padding-top:80px}main{padding:12px}header{padding:9px 12px}nav{gap:10px}nav a{min-height:44px;display:inline-flex;align-items:center}#intro div{padding:24px 20px}#intro h1{font-size:clamp(32px,8vw,48px)}.deadline{gap:4px 10px}.deadline span{font-size:13px}.cta,button.primary{display:block;text-align:center;width:100%;min-height:48px}.ranking{margin:20px 0 0}#quiz{grid-template-columns:minmax(0,1fr)}#panel{padding:22px 16px}#quiz aside{padding:20px}#quiz aside h2{margin-top:0}#choices button{min-height:48px}form{padding:16px;margin:8px 0}form input{font-size:16px;min-height:48px}form label{display:grid;gap:4px}.gallery article{flex-basis:min(78%,280px)}#panel h1{scroll-margin-top:10px}footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}

@media(max-width:720px){
 #intro{grid-template-columns:minmax(0,1fr)}
 #intro>div{padding:clamp(18px,5vw,32px)}
 #intro #title{max-width:none;width:100%;font-size:clamp(40px,10.6vw,70px);line-height:1.01;letter-spacing:-.055em;margin:12px 0 16px;text-wrap:balance}
 #features .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
 #features .gallery img{max-height:none;width:100%;height:auto}
 #features .gallery article div{padding:10px}
 #features .gallery h3{font-size:17px;line-height:1.15;overflow-wrap:anywhere}
 #features .gallery p{font-size:14px;line-height:1.4;margin-top:6px}
}

#features .gallery{--card-width:clamp(240px,29vw,320px);display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--card-width);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-color:#346298 #d1dcea;padding-bottom:12px;margin-top:12px}
#features .gallery article{min-width:0;scroll-snap-align:start}
.gallery-controls{display:flex;justify-content:flex-end;gap:8px}.gallery-controls button{width:44px;height:44px;padding:0;text-align:center;border-radius:50%;color:#00438a;font-size:22px}.gallery-controls button:disabled{opacity:.4;cursor:default}
@media(max-width:720px){#features .gallery{--card-width:min(80%,300px);gap:12px}#features .gallery article div{padding:14px}}