@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=DM+Sans:wght@400;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";.mobile-results{align-content:start;padding-bottom:34px}.mobile-results h1{font-size:clamp(2.25rem,10vw,3.3rem)}.mobile-leaderboard{display:grid;gap:10px;width:100%;padding:0;margin:8px 0 0;list-style:none}.mobile-leaderboard li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 12px;border:2px solid #d6c59f;border-radius:12px;background:#fffdf7;box-shadow:0 3px #c7973f22}.mobile-rank{font-family:DM Sans,sans-serif;color:#a66b2b;font-size:1rem;font-weight:700;direction:ltr}.mobile-leaderboard strong{overflow:hidden;font-size:clamp(1rem,4.3vw,1.35rem);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.mobile-leaderboard b{font-family:Cairo,sans-serif;color:#17294a;font-size:clamp(.88rem,3.7vw,1.08rem);white-space:nowrap}@media(max-width:390px){.phone{padding:0 18px}.mobile-leaderboard li{gap:7px;padding:11px 9px}.mobile-rank{font-size:.88rem}.mobile-leaderboard strong{font-size:.95rem}.mobile-leaderboard b{font-size:.8rem}}:root{color-scheme:light;font-family:Cairo,DM Sans,sans-serif;font-size:18px;color:#17294a;background:#142644}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 25% 15%,#315b7844 0 2px,transparent 3px) 0 0/28px 28px,#142644}.phone{min-height:100vh;max-width:720px;margin:auto;padding:0 clamp(26px,6vw,52px);display:flex;flex-direction:column;background-color:#fff7e3;background-image:linear-gradient(45deg,#c69b4f0a 25%,transparent 25%,transparent 75%,#c69b4f0a 75%),linear-gradient(45deg,#c69b4f0a 25%,transparent 25%,transparent 75%,#c69b4f0a 75%);background-position:0 0,16px 16px;background-size:32px 32px;box-shadow:0 0 70px #09122499}header{height:92px;display:flex;align-items:center;gap:13px;color:#17294a;font-size:1.1rem;font-weight:700}header small{margin-right:auto;color:#7c6b50;font-size:.72rem;letter-spacing:.1em}.logo{width:46px;height:46px;display:grid;place-items:center;background:#c7973f;color:#fff7e3;border:2px solid #7b5422;border-radius:50%;font-size:1.3rem}.card{flex:1;display:grid;align-content:center;padding:38px 0}.eyebrow{margin:0;color:#a66b2b;font-size:.8rem;font-weight:700;letter-spacing:.08em}.card h1{font:700 clamp(2.6rem,8vw,4rem)/1.35 "Cairo",sans-serif;margin:12px 0 18px;color:#17294a}.card>p:not(.eyebrow){color:#635946;font-size:1.08rem;line-height:1.8}.join form{display:grid;gap:13px;margin-top:25px}.join label{font-size:1rem;font-weight:700}.join input{padding:18px;border:1px solid #cdbd9d;border-radius:10px;background:#fffdf7;font:inherit;text-align:right}.card button{min-height:60px;border:0;border-radius:10px;background:#b97931;color:#fffaf0;font:700 1.08rem inherit;cursor:pointer;box-shadow:0 4px #7b4d20}.state{text-align:center;justify-items:center}.icon{display:grid;place-items:center;width:92px;height:92px;border:5px double #8b6028;border-radius:50%;background:#ecd6a5;color:#7b4d20;font-size:2.5rem}.success{background:#d6e2bd;color:#345133}.demo{margin-top:20px;padding:0 18px;background:#17294a!important;box-shadow:0 4px #0b1931!important}.text-demo{margin-top:13px!important;background:transparent!important;color:#8d5e29!important;box-shadow:none!important;text-decoration:underline}.alert-state{animation:glow 1s ease-in-out infinite alternate}.alert-symbol{display:grid;place-items:center;width:100px;height:100px;border:5px double #9d3026;border-radius:50%;background:#d96c4c;color:#fff7e3;font:700 3.6rem Cairo,sans-serif}.alert-countdown{display:grid;place-items:center;width:132px;height:132px;margin:16px 0;border:4px solid #b97931;border-radius:50%;background:#17294a;color:#f7d877;font:700 4.7rem Cairo,sans-serif}.timer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:34px;color:#70542e;font-size:.84rem;font-weight:700;letter-spacing:0}.timer strong{color:#a74732;font-size:1.55rem;letter-spacing:0}.timer i{grid-column:1/-1;height:11px;overflow:hidden;border-radius:10px;background:#e5d7bb}.timer i:after{content:"";display:block;height:100%;background:linear-gradient(90deg,#c7973f,#d96c4c)}.question h1{font-size:clamp(2.4rem,7vw,3.5rem)}.answers{display:grid;gap:14px}.answer{display:flex;align-items:center;gap:15px;padding:16px;text-align:right}.answer b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #17294a55;border-radius:50%;background:#fff9;font-size:.9rem}.answer-1{background:#d99475!important}.answer-2{background:#76a6a2!important}.answer-3{background:#8d89b8!important}.answer-4{background:#d6b552!important}footer{padding:20px 0;color:#857153;font-size:.8rem;text-align:center}@keyframes glow{0%{background-color:#fff7e3}to{background-color:#fff0c9}}@media(max-width:600px){.phone{box-shadow:none}.card h1{font-size:clamp(2.35rem,11vw,3.4rem)}}.timer{width:100%;min-width:0;overflow:hidden}.timer i{position:relative;width:100%;min-width:0}.timer i:after{width:var(--progress, 100%);max-width:100%}.join label{font-size:1.12rem}.join input{font-size:1.28rem;font-weight:600}.join .eyebrow{font-size:1.35rem}.answer{min-height:78px;font-size:clamp(1.55rem,6vw,2.15rem)!important;line-height:1.45}.question h1{font-size:clamp(2.1rem,6.5vw,3.05rem)!important}.answer b{width:48px;height:48px;flex:0 0 48px;font-size:1.15rem}.alert-countdown{font-family:DM Sans,sans-serif!important;font-variant-numeric:tabular-nums;line-height:1!important;padding-bottom:.08em}.phone header>span:not(.logo){font-size:1.4rem}.answer-reveal{padding-bottom:56px}.reveal-icon{background:#d6e2bd;color:#345133}.question-winner{display:grid;gap:8px;width:min(100%,510px);margin:10px auto 6px;padding:20px;border:2px solid #c7973f;border-radius:16px;background:#fffdf7;box-shadow:0 6px #c7973f33}.question-winner p{margin:0;color:#a66b2b;font-size:.85rem;font-weight:700}.question-winner strong{font-size:clamp(1.25rem,4.6vw,1.8rem);line-height:1.65}.question-winner span{color:#635946;font-size:1rem;font-weight:700}body{min-height:100vh;background:linear-gradient(#0d080cb8,#0d080cc7),url(/images/event-background.jpeg) center / cover no-repeat fixed}.phone{background-color:#fff7e3e0;background-image:linear-gradient(#fff7e3e0,#fff7e3e0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card{padding:38px clamp(18px,4vw,34px);margin:20px 0;border:1px solid rgba(255,247,227,.75);border-radius:24px;background:#fffdf7e6;box-shadow:0 18px 44px #08040857}header,footer{text-shadow:0 1px 1px rgba(255,255,255,.5)}@media(max-width:600px){body{background-attachment:scroll}.phone{min-height:100dvh}.card{padding:28px 20px;border-radius:20px}}.waiting-message{font-size:clamp(1.25rem,5vw,1.8rem)!important;font-weight:700;line-height:1.8!important}.timer{padding:12px 14px;border:2px solid #b97931;border-radius:14px;background:#fffdf7;color:#4f3a22;font-size:1.05rem}.timer strong{font-size:clamp(1.45rem,6vw,2.1rem)!important}.timer i{height:13px}.alert-symbol{line-height:1!important;font-family:Arial,sans-serif!important;padding:0!important}
