:root{--black:#171923;--cream:#fff8e9;--orange:#ff6b35;--yellow:#ffd83d;--blue:#44a9ff;--pink:#d96cff;--red:#ff5861}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Nunito,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 5vw;background:var(--black);color:white;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;font:700 16px/13px Fredoka,sans-serif;letter-spacing:.5px}.brand-mark{width:38px;height:38px;border:3px solid white;border-radius:12px 12px 12px 3px;background:var(--orange);display:grid;place-items:center;font:700 25px Fredoka;box-shadow:3px 3px 0 #000}.brand b{color:var(--yellow)}nav{display:flex;gap:35px;font-size:13px;font-weight:900}nav a{opacity:.8}.nav-cta{border:3px solid white;border-radius:15px;padding:10px 18px;font-weight:900;box-shadow:3px 3px 0 var(--orange)}.nav-cta span,.button span{margin-left:12px}.hero{min-height:650px;padding:92px 10vw;background:var(--orange);position:relative;overflow:hidden}.hero:after{content:'✦';position:absolute;right:6%;top:9%;color:var(--yellow);font-size:150px;transform:rotate(16deg);text-shadow:5px 5px 0 var(--black)}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:12px}.eyebrow span{display:inline-block;width:9px;height:9px;background:var(--yellow);border:2px solid var(--black);border-radius:50%;margin-right:7px}h1,h2{font:700 clamp(70px,10vw,145px)/.84 Fredoka,sans-serif;letter-spacing:-3px;margin:25px 0}h1 em,h2 em{font-style:normal;color:var(--yellow);-webkit-text-stroke:3px var(--black);text-shadow:5px 5px 0 var(--black)}.hero-text{font-size:19px;line-height:1.45;max-width:440px;font-weight:700}.button{display:inline-flex;align-items:center;padding:16px 22px;border:3px solid var(--black);border-radius:14px;font-weight:900;box-shadow:5px 5px 0 var(--black);margin-top:20px}.button-light{background:white}.button-dark{background:var(--black);color:white;box-shadow:5px 5px 0 var(--orange)}.hero-art{position:absolute;right:2vw;bottom:-25px;width:44%;height:560px}.sun{position:absolute;width:390px;height:390px;background:var(--yellow);border:7px solid var(--black);border-radius:50%;top:45px;left:13%}.shape{position:absolute;background:var(--black);border:6px solid var(--black)}.shape-one{width:235px;height:330px;border-radius:140px 140px 15px 15px;bottom:0;left:33%;transform:rotate(10deg)}.shape-two{width:90px;height:180px;border-radius:60px;bottom:0;left:17%;transform:rotate(-24deg)}.creator-card{position:absolute;z-index:2;right:10%;top:170px;width:210px;height:260px;background:white;border:7px solid var(--black);transform:rotate(-8deg);box-shadow:10px 10px 0 var(--black);padding:20px}.camera{font-size:35px}.play{position:absolute;top:80px;left:65px;background:var(--orange);border:5px solid var(--black);border-radius:50%;width:70px;height:70px;text-align:center;padding:18px 0 0 5px;font-size:25px}.card-lines{position:absolute;bottom:25px;left:20px;width:130px;height:35px;border-top:8px solid var(--black);border-bottom:8px solid var(--black)}.sticker{position:absolute;z-index:3;bottom:100px;left:4%;background:var(--yellow);border:5px solid var(--black);border-radius:12px;padding:10px 16px;transform:rotate(-12deg);font:700 25px/22px Fredoka;box-shadow:5px 5px 0 var(--black)}.scroll-note{position:absolute;bottom:22px;left:10vw;font-size:11px;font-weight:900;text-transform:uppercase}.scroll-note span{font-size:20px;margin-left:10px}.section{padding:115px 10vw}.section-label{font-size:11px;font-weight:900;letter-spacing:1.5px;border-top:3px solid currentColor;padding-top:11px}.intro-grid,.levels-head,.rules{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro h2,.levels h2,.rules h2,.join h2{font-size:clamp(65px,8vw,115px)}h2 span{color:var(--orange)}.lead{font-size:22px;line-height:1.35;font-weight:900}.intro p:not(.lead),.rules p:not(.lead){color:#68666a;line-height:1.7}.text-link{display:inline-block;margin-top:20px;border-bottom:3px solid var(--orange);font-weight:900}.levels{background:var(--black);color:white}.levels-head{align-items:end}.levels-head p{color:#b7b5bb}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:55px}.level-card{min-height:390px;padding:23px 20px;color:var(--black);display:flex;flex-direction:column;border:4px solid var(--black);border-radius:18px;box-shadow:7px 7px 0 rgba(0,0,0,.4)}.green{background:#91ec6c}.blue{background:var(--blue)}.purple{background:var(--pink)}.red{background:var(--red)}.level-top{display:flex;align-items:center;gap:12px;font:700 19px Fredoka}.level-top>span{font-size:42px}.level-card p{font-weight:800;min-height:48px}.requirement{margin-top:auto;border-top:3px solid var(--black);padding-top:13px;font-weight:900}.requirement small,.level-card>small{font-size:11px;opacity:.7}.rewards{margin-top:18px;font-size:13px;font-weight:800}.rewards strong{font:700 24px Fredoka}.rewards i{font-style:normal}.rules{background:#ffe9a6;align-items:center}.rule-art{height:450px;position:relative;background:var(--blue);border:5px solid var(--black);border-radius:22px;overflow:hidden;box-shadow:9px 9px 0 var(--black)}.rule-circle{width:350px;height:350px;border-radius:50%;background:var(--orange);border:5px solid var(--black);position:absolute;left:15%;top:15%}.rule-star{position:absolute;z-index:1;left:37%;top:28%;font:700 180px Fredoka;color:#fff;transform:rotate(-10deg);text-shadow:7px 7px 0 var(--black)}.rule-list{display:flex;flex-direction:column;gap:9px;font-weight:900}.join{background:var(--orange);text-align:center;padding-top:125px;padding-bottom:125px}.join h2{font-size:clamp(85px,13vw,190px);margin:35px 0 20px}.join p:not(.eyebrow){font-size:18px;font-weight:800}footer{display:flex;justify-content:space-between;padding:25px 5vw;background:var(--black);color:#aaa;font-size:11px;font-weight:900}footer a{color:#fff}@media(max-width:800px){nav{display:none}.hero{padding:70px 7vw;min-height:700px}.hero-art{opacity:.55;width:100%;right:-25%;bottom:-50px}.hero-copy{z-index:2}.section{padding:80px 7vw}.intro-grid,.levels-head,.rules{grid-template-columns:1fr;gap:30px}.level-grid{grid-template-columns:1fr 1fr}.level-card{min-height:340px}.rules .rule-art{height:300px}.rule-circle{width:230px;height:230px}.rule-star{font-size:120px}footer{flex-direction:column;gap:12px}}
:root{--black:#171923;--cream:#fff8e9;--orange:#ff6b35;--yellow:#ffd83d;--blue:#44a9ff;--pink:#d96cff;--red:#ff5861}.quest-bar{margin-top:28px;background:#171923;color:#fff;border:4px solid #171923;border-radius:14px;padding:12px 15px;box-shadow:5px 5px 0 #ff6b35;font-size:12px}.quest-bar div{display:flex;justify-content:space-between;gap:10px}.quest-bar span{color:#ffd83d}.quest-bar i{display:block;height:12px;border-radius:10px;background:#91ec6c;margin-top:9px;width:100%;position:relative}.quest-bar i:after{content:'';position:absolute;right:0;top:-4px;width:18px;height:18px;border-radius:50%;background:#ffd83d;border:3px solid #171923}.warning-tag{position:absolute;z-index:3;left:12%;bottom:12%;padding:12px 18px;background:#ffd83d;border:4px solid #171923;border-radius:10px;box-shadow:5px 5px 0 #171923;font:700 20px Fredoka;transform:rotate(-8deg)}