@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Sora:wght@500;600;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont/tabler-icons.min.css');
:root{--blue:#003da5;--navy:#0f1419;--teal:#00bfa5;--coral:#ff6b35;--ink:#1a202c;--meta:#718096;--soft:#f7fafc;--line:#e2e8f0;--sora:'Sora',sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.expo-nav{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1f}.expo-nav .wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.expo-brand{display:flex;align-items:center;gap:14px;font:700 15px var(--sora)}.expo-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--teal);color:var(--navy);font-weight:800;clip-path:polygon(0 0,100% 0,100% 67%,67% 100%,0 100%)}.partners{display:flex;align-items:center;gap:15px;color:#ffffff9e;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.partners b{color:#fff;font:700 14px var(--sora)}.nav-back{font-size:12px;color:#ffffffa6}.nav-back:hover{color:var(--teal)}
.expo-hero{position:relative;overflow:hidden;background:var(--blue);color:#fff;padding:105px 0 128px;clip-path:polygon(0 0,100% 0,100% calc(100% - 62px),0 100%)}.expo-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,#00bfa538,transparent 28%),linear-gradient(115deg,#0f1419e8,#003da5e8)}.expo-hero:after{content:'×';position:absolute;right:5%;top:-65px;color:#ffffff0d;font:800 310px var(--sora)}.expo-hero .wrap{position:relative;z-index:1}.kicker{font:700 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.expo-hero h1{font:800 clamp(43px,6vw,74px)/1 var(--sora);letter-spacing:-.045em;max-width:920px;margin:24px 0}.expo-hero h1 span{color:var(--coral)}.expo-hero p{font-size:18px;line-height:1.7;color:#ffffffbf;max-width:690px}.hero-meta{display:flex;gap:28px;margin-top:35px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-meta span:before{content:'/';color:var(--teal);margin-right:9px}
.games-section{padding:82px 0 110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2{font:800 clamp(34px,5vw,52px)/1.05 var(--sora);letter-spacing:-.04em;margin:12px 0 0}.section-head p{color:var(--meta);line-height:1.7;max-width:450px}.games{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.game-card{background:#fff;border:1px solid var(--line);padding:34px;min-height:330px;position:relative;overflow:hidden;transition:.25s}.game-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #003da518;border-color:#003da547}.game-card:after{content:'/';position:absolute;right:24px;top:14px;font:800 58px var(--sora);color:#00bfa530}.game-icon{width:58px;height:58px;display:grid;place-items:center;margin-top:29px;background:#eaf2ff;color:var(--blue);font-size:29px;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.game-card:nth-child(2) .game-icon{background:#e5f8f5;color:#008c79}.game-card:nth-child(3) .game-icon{background:#fff0e9;color:var(--coral)}.game-card:nth-child(4) .game-icon{background:var(--navy);color:var(--teal)}.game-no{font:700 10px var(--mono);letter-spacing:.16em;color:var(--blue)}.game-card h3{font:800 26px/1.15 var(--sora);margin:24px 0 13px;max-width:390px}.game-card p{color:var(--meta);font-size:14px;line-height:1.65;max-width:440px}.play{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--blue);font-weight:800}.play:hover{color:var(--coral)}
.quiz-main{min-height:calc(100vh - 78px);padding:62px 20px 100px;background:linear-gradient(135deg,#f7fafc,#fff 60%,#e5f6f3)}.quiz-wrap{width:min(980px,100%);margin:auto}.quiz-intro,.quiz-panel{background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px -30px #003da566}.quiz-intro{display:grid;grid-template-columns:1fr 250px}.intro-copy{padding:48px}.intro-copy h1{font:800 clamp(35px,5vw,55px)/1.05 var(--sora);letter-spacing:-.04em;color:var(--blue);margin:18px 0}.intro-copy p{font-size:16px;line-height:1.7}.intro-side{background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.intro-side:after{content:'/';position:absolute;font:800 230px var(--sora);color:#ffffff0d}.side-icon{position:relative;z-index:1;color:var(--teal)}.side-icon i{display:block;font-size:78px}.side-icon small{display:block;font:700 9px var(--mono);letter-spacing:.16em;color:#ffffff8f;margin-top:14px}.primary{border:0;background:var(--coral);color:#fff;padding:14px 24px;font-weight:800;cursor:pointer}.primary:hover{background:#e8551d}.intro-actions{display:flex;gap:20px;align-items:center;margin-top:30px}.meta{color:var(--meta);font-size:12px}.hidden{display:none!important}
.quiz-panel{padding:40px}.quiz-top{display:flex;justify-content:flex-end;align-items:center;gap:18px}.quiz-top .label{margin-right:auto}.label{font:700 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.timer{width:47px;height:47px;display:grid;place-items:center;border:3px solid var(--teal);border-radius:50%;color:var(--navy);font:800 13px var(--mono);transition:.25s}.timer.warning{border-color:var(--coral);color:var(--coral);animation:timerPulse .8s ease-in-out infinite alternate}.timer small{font-size:7px;margin-left:1px}@keyframes timerPulse{to{transform:scale(1.07);box-shadow:0 0 0 5px #ff6b3517}}.progress-track{height:6px;background:#e8edf2;margin:22px 0 34px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .3s}.question{font:800 clamp(25px,4vw,38px)/1.15 var(--sora);letter-spacing:-.03em;margin:0 0 27px;max-width:820px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer{border:1px solid var(--line);background:#fff;text-align:left;padding:17px;cursor:pointer;font-weight:600;transition:.17s}.answer:hover:not(:disabled){border-color:var(--blue);background:#f4f8ff}.answer.correct{border-color:var(--teal);background:#e7f8f4;box-shadow:inset 4px 0 var(--teal)}.answer.wrong{border-color:var(--coral);background:#fff0eb;box-shadow:inset 4px 0 var(--coral)}.answer:disabled{color:var(--ink)}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.feedback{font-weight:700;font-size:13px;min-height:20px}.feedback.good{color:#087d6d}.feedback.bad{color:#c33d16}.next{border:0;background:var(--blue);color:#fff;padding:13px 20px;font-weight:800;cursor:pointer}.next:disabled{opacity:.35;cursor:not-allowed}
.result-head{background:var(--navy);color:#fff;padding:34px 38px;margin:-40px -40px 30px}.result-head h2{font:800 36px/1.1 var(--sora);margin:10px 0}.result-head h2 span{color:var(--teal)}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:25px}.score-item{padding:20px;border-right:1px solid var(--line)}.score-item:last-child{border:0}.score-item small{font:700 9px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--meta)}.score-item b{display:block;font:800 24px var(--sora);color:var(--blue);margin-top:8px}.reward{font-weight:700;margin:25px 0}.name-field{width:min(420px,100%);padding:14px;border:1px solid var(--line);margin-right:8px}.passport{display:grid;grid-template-columns:1fr 180px;border:2px dashed var(--blue);margin-top:27px;background:#fff}.passport-copy{padding:27px}.passport-copy h3{font:800 27px var(--sora);color:var(--blue);margin:10px 0}.passport-code{display:grid;place-items:center;background:var(--soft);border-left:2px dashed var(--blue);font:800 52px var(--mono);color:var(--navy);padding:18px}.passport-code canvas{width:138px!important;height:138px!important}.passport-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.download-passport{border:0;background:var(--blue);color:#fff;padding:13px 20px;font-weight:800;cursor:pointer}.download-passport:hover{background:#002b7f}.download-passport:disabled{opacity:.55;cursor:wait}.download-note{font-size:12px;color:var(--meta)}.footer{background:#000;color:#ffffff70;padding:25px;text-align:center;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.partners span{display:none}.expo-hero{padding:80px 0 105px}.section-head{align-items:flex-start;flex-direction:column}.games{grid-template-columns:1fr}.quiz-intro{grid-template-columns:1fr}.intro-side{min-height:190px}.intro-copy{padding:32px 25px}.quiz-panel{padding:27px 22px}.answers{grid-template-columns:1fr}.result-head{margin:-27px -22px 25px;padding:27px 22px}.score-grid{grid-template-columns:1fr}.score-item{border-right:0;border-bottom:1px solid var(--line)}.passport{grid-template-columns:1fr}.passport-code{border-left:0;border-top:2px dashed var(--blue);min-height:130px}.name-field{margin:0 0 10px}.controls{align-items:flex-start;flex-direction:column}.next{align-self:flex-end}}