:root{--yellow:#ffd51b;--navy:#0d2854;--green:#12a66a;--orange:#f05a22;--cream:#fff9e6;--ink:#10254b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yellow);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{position:fixed;top:0;left:0;right:0;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:15px 4vw;background:rgba(255,213,27,.88);backdrop-filter:blur(12px);border-bottom:2px solid rgba(13,40,84,.12)}.brand{font-weight:900;color:var(--navy);text-decoration:none;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;background:var(--navy);color:var(--yellow);border-radius:50%;width:34px;height:34px;margin-right:8px}.nav nav{display:flex;gap:22px;align-items:center}.nav nav a{color:var(--navy);font-weight:800;text-decoration:none;font-size:14px}.nav-cta{background:var(--navy)!important;color:#fff!important;padding:11px 16px;border-radius:999px}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;padding:120px 7vw 70px;overflow:hidden}.hero-photo{position:absolute;width:48vw;height:48vw;max-width:650px;max-height:650px;right:-7vw;bottom:-9vw;background-size:cover;background-position:center;border-radius:48% 52% 52% 48%;opacity:.22;filter:saturate(1.2) contrast(1.1);transform:translate3d(0,0,0) rotate(5deg)}.hero-copy{position:relative;z-index:2;max-width:920px;margin-right:auto}.pill,.mini-label{display:inline-block;font-weight:900;letter-spacing:2px;color:var(--navy);font-size:14px}.pill{background:var(--navy);color:white;padding:10px 18px;border-radius:4px;transform:rotate(-2deg)}h1{font-size:clamp(64px,11vw,160px);line-height:.82;letter-spacing:-7px;margin:26px 0 15px;text-transform:uppercase;font-weight:1000;color:var(--navy);text-shadow:5px 6px 0 rgba(13,40,84,.06)}h1 span{color:var(--green);display:inline-block;transform:translateX(5vw) rotate(-2deg)}.hero-line{width:45%;height:13px;background:var(--green);margin:15px 0;transform:rotate(-1deg)}.hero-copy p{font-size:clamp(22px,3vw,38px);max-width:760px;font-weight:800;line-height:1.05}.badge{display:inline-block;background:var(--orange);color:#fff;padding:14px 20px;font-weight:1000;transform:rotate(2deg);margin:10px 0 24px}.button{display:inline-flex;gap:18px;align-items:center;background:var(--navy);color:white;padding:16px 22px;border-radius:3px;text-decoration:none;font-weight:900}.button span{font-size:22px}.floating{position:absolute;z-index:1;font-size:58px;filter:drop-shadow(4px 5px 0 rgba(13,40,84,.15));will-change:transform}.t1{left:6%;top:28%}.t2{left:22%;bottom:12%}.t3{right:13%;top:20%}
.ticker{overflow:hidden;background:var(--navy);color:#fff;padding:14px 0;font-size:24px;font-weight:1000;white-space:nowrap}.ticker div{animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}.ticker b{color:var(--yellow);padding:0 25px}
.section{padding:120px 7vw}.how{background:var(--cream)}.section-head{max-width:900px;margin-bottom:55px}.section-head>span{font-weight:1000;color:var(--green);font-size:18px}.section-head h2{font-size:clamp(46px,7vw,92px);line-height:.9;margin:10px 0 20px;letter-spacing:-4px}.section-head p{font-size:21px;line-height:1.5;max-width:760px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:white;border:3px solid var(--navy);padding:28px;min-height:330px;position:relative;box-shadow:8px 9px 0 var(--navy);transition:transform .25s}.step:nth-child(2){transform:translateY(30px) rotate(1deg)}.step:nth-child(3){transform:translateY(-10px) rotate(-1deg)}.step:nth-child(4){transform:translateY(40px) rotate(1deg)}.step:hover{transform:translateY(-10px) rotate(0)!important}.step-num{font-size:48px;font-weight:1000;color:var(--green)}.step-icon{font-size:50px;margin:15px 0}.step h3{font-size:24px;margin:0 0 10px}.step p{line-height:1.5}
.split-section{display:grid;grid-template-columns:1.15fr .85fr;min-height:680px}.photo-panel{background-size:cover;background-position:center;min-height:600px;position:relative}.photo-panel span{position:absolute;left:6vw;bottom:50px;background:var(--yellow);padding:18px;font-size:34px;font-weight:1000;line-height:.9;transform:rotate(-3deg)}.text-panel{padding:10vw 8vw;background:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:center}.text-panel .mini-label{color:var(--yellow)}.text-panel h2{font-size:clamp(55px,7vw,100px);line-height:.88;letter-spacing:-5px;margin:20px 0}.text-panel p{font-size:22px;line-height:1.55}.leafs{font-size:100px;color:var(--yellow);margin-top:30px}
.items{background:var(--yellow)}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.item-card{background:var(--navy);color:white;padding:28px;min-height:260px;position:relative;overflow:hidden}.item-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--green);right:-50px;bottom:-50px}.item-icon{font-size:48px}.item-card h3{font-size:22px}.item-card p{line-height:1.45;color:#f8f8f8}.notice{margin-top:60px;background:#fff;border:4px solid var(--orange);padding:28px;display:flex;gap:25px;align-items:flex-start}.notice-icon{min-width:52px;height:52px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-size:30px;font-weight:1000}.notice h3{font-size:28px;margin:0 0 8px}.notice p{font-size:18px;line-height:1.5;margin:0}
.participate{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);min-height:650px}.participate-photo{background-size:cover;background-position:center;min-height:520px}.participate-copy{padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}.participate-copy .mini-label{color:var(--orange)}.participate-copy h2{font-size:clamp(46px,6vw,80px);line-height:.9;letter-spacing:-4px;margin:20px 0}.participate-copy p{font-size:21px;line-height:1.55}.button.dark{background:var(--green);align-self:flex-start;margin-top:15px}
.event{background:var(--navy);color:white;padding:80px 7vw 55px;position:relative;overflow:hidden}.event:before{content:"";position:absolute;width:70vw;height:70vw;border:2px solid rgba(255,213,27,.15);border-radius:50%;left:-30vw;top:-20vw}.event-inner{position:relative;z-index:2;display:grid;grid-template-columns:160px 1.4fr 1fr 180px;gap:35px;align-items:center}.event-stamp{border:4px solid var(--yellow);color:var(--yellow);border-radius:50%;width:150px;height:150px;display:grid;place-items:center;text-align:center;font-size:38px;font-weight:1000;line-height:.8;transform:rotate(-8deg)}.event-stamp small{font-size:17px}.event .mini-label{color:var(--yellow)}.city{font-size:clamp(70px,10vw,145px);font-weight:1000;line-height:.8;letter-spacing:-6px;color:white}.address{font-size:28px;margin-top:18px}.event-date{display:flex;flex-direction:column;border-left:2px solid rgba(255,255,255,.25);padding-left:35px}.event-date b{color:var(--green);font-size:25px}.event-date strong{font-size:44px;color:var(--yellow)}.event-date span{font-size:22px}.qr{background:white;padding:12px;text-align:center;color:var(--navy);transform:rotate(2deg)}.qr img{display:block;width:130px;height:130px;margin:auto}.qr small{font-weight:900}.web-address{position:relative;z-index:2;margin:55px auto 0;background:var(--yellow);color:var(--navy);font-size:clamp(20px,3vw,34px);font-weight:1000;text-align:center;padding:18px 24px;max-width:850px;word-break:break-word}.final{text-align:center;padding:130px 20px;background:var(--yellow);position:relative;overflow:hidden}.final h2{font-size:clamp(45px,7vw,95px);margin:0;letter-spacing:-4px;position:relative}.final p{font-size:20px;font-weight:900}.final-ring{position:absolute;width:350px;height:350px;border:25px solid rgba(13,40,84,.08);border-radius:50%;left:10%;top:30%;animation:spin 20s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{background:#081c3b;color:white;padding:25px 7vw;display:flex;justify-content:space-between}footer a{color:var(--yellow)}
.reveal{opacity:0;transform:translateY(50px) rotate(1deg);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.parallax{will-change:transform}
@media(max-width:900px){.nav nav a:not(.nav-cta){display:none}.hero{padding-top:120px}.hero-photo{width:80vw;height:80vw;right:-20vw;bottom:5vh}.hero-copy{max-width:100%}h1{font-size:clamp(60px,16vw,120px);letter-spacing:-5px}.steps,.item-grid{grid-template-columns:1fr 1fr}.split-section,.participate{grid-template-columns:1fr}.photo-panel{min-height:450px}.event-inner{grid-template-columns:1fr 1fr}.event-stamp{width:120px;height:120px}.city{font-size:80px}.qr{grid-column:2}.event-date{border-left:0;padding-left:0}.participate-photo{min-height:420px}}
@media(max-width:600px){.nav{padding:10px 4vw}.brand{font-size:12px}.nav-cta{padding:9px 12px!important}.hero{padding:110px 6vw 70px;min-height:820px}.floating{font-size:38px}.steps,.item-grid{grid-template-columns:1fr}.step:nth-child(n){transform:none}.section{padding:80px 6vw}.split-section{display:flex;flex-direction:column}.text-panel{padding:75px 7vw}.photo-panel{min-height:360px}.event-inner{grid-template-columns:1fr}.qr{grid-column:auto;width:max-content}.event-stamp{margin-bottom:10px}.city{font-size:75px}.web-address{font-size:19px}footer{font-size:12px;gap:10px}}