@font-face{font-family:Cygre;src:url(assets/bold.ttf)}*{box-sizing:border-box}body{margin:0;background:#eeeae2;color:#141515;font-family:Arial,sans-serif}header{height:110px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #c5c2ba;margin:0 5vw}header img{width:180px;mix-blend-mode:multiply}header strong{font:24px Cygre;letter-spacing:2px}header small{margin-left:auto;font:11px monospace;letter-spacing:2px}.cross{font-size:32px;color:#888}.red{color:#d71920}main{max-width:1500px;margin:auto;padding:60px 5vw 65px;display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center}.eyebrow{font:10px monospace;letter-spacing:1.6px;margin-bottom:26px}h1{font:clamp(36px,4.8vw,74px)/.99 Cygre;letter-spacing:-2px;margin:0 0 28px}h1 em{font-style:normal;color:#009e9f}.intro p{line-height:1.65;font-size:16px;color:#525451}.intro b{color:#181919}.race{display:flex;gap:20px;margin-top:35px;font:9px monospace}.track{height:155px;position:relative;overflow:hidden;margin-top:24px;transform:skewY(-5deg);border-bottom:2px solid #131515}.track div{background:#00a4a5;color:white;font:italic 26px Cygre;height:62px;padding:12px 30px;transform:translateX(-35px) skewX(-25deg);width:88%}.track div+div{background:#d71920;margin-left:25%;width:85%}.quiz{background:#161919;color:#fff;padding:32px;box-shadow:12px 12px 0 #00a4a5;position:relative}.quiz:before{content:'';position:absolute;top:0;right:0;width:70px;height:8px;background:#d71920}.qtop{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:1px;color:#b7c4c3}.progress{height:3px;background:#363a3a;margin:22px 0 30px}.progress i{display:block;width:20%;background:#00b9b5;height:100%;transition:width .25s}h2{font:28px/1.15 Cygre;margin:0 0 10px}.hint{font-size:14px;color:#9fa9a7;line-height:1.5;margin:0 0 23px}.options{display:grid;gap:10px}.option{padding:17px;border:1px solid #424a49;display:flex;align-items:center;gap:13px;cursor:pointer;min-height:58px}.option:has(input:checked){background:#123c3b;border-color:#00bcb7}.option input{accent-color:#00bcb7;width:18px;height:18px}.field{display:block;font-size:13px;color:#acb8b6;margin:18px 0}.field input{display:block;width:100%;padding:15px;margin-top:8px;background:#242a29;border:1px solid #525958;border-radius:0;color:#fff;font-size:17px;outline-offset:3px}.nav{display:flex;gap:12px;margin-top:28px}button{cursor:pointer;font:15px Cygre;border:0;min-height:54px}#next{background:#d71920;color:white;padding:15px 24px;flex:1;display:flex;justify-content:space-between}#next:hover{background:#ed252b}#back{background:transparent;color:#aeb8b6;padding:10px}#back:disabled{visibility:hidden}button:disabled{opacity:.5;cursor:wait}.qfoot{margin-top:25px;padding-top:18px;border-top:1px solid #3a4241;display:flex;justify-content:space-between;font:11px monospace;color:#a0aeac}#error{color:#ffaba8;font-size:14px}.consent{font-size:12px;line-height:1.5;display:flex;align-items:start;gap:8px}.consent input{margin-top:4px}.finish{padding:25px 0 65px}.finish strong{font:55px Cygre;color:#00bcb7}footer{border-top:1px solid #c5c2ba;margin:0 5vw;padding:25px 0;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}footer b{color:#d71920}input:focus-visible,button:focus-visible{outline:2px solid #00c9c2;outline-offset:4px}@media(max-width:800px){header{height:80px;gap:15px}header img{width:125px}header strong{font-size:17px}header small{display:none}main{display:block;padding:35px 6vw}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(36px,8.5vw,62px);letter-spacing:-1px}.intro p{font-size:14px}.race{display:none}.track{height:75px;margin:23px 0 34px}.track div{height:35px;font-size:17px;padding:6px 20px}.quiz{padding:24px 20px;box-shadow:6px 6px 0 #00a4a5}h2{font-size:25px}footer{font-size:8px;gap:20px}.qfoot{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
