@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#fff4da;--ink:#302137;--orange:#ff8b38;--soft:#ffdfa8;--purple:#c7b1ec;--line:#302137;--panel:#fffaf0;color-scheme:light;font-family:'Bricolage Grotesque',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9362d7;outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;z-index:20;background:var(--paper);padding:15px}.skip:focus{top:12px}.preview-bar{background:var(--ink);color:var(--paper);padding:10px 5%;display:flex;justify-content:space-between;font:10px 'Space Mono',monospace;letter-spacing:1px}.preview-bar a{text-decoration:underline}header{height:98px;margin:0 5%;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:36px}.logo{font-weight:800;font-size:42px;letter-spacing:-3px;line-height:1}.logo span{display:inline-block;color:var(--orange);font-size:28px;margin-left:7px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:30px;margin-left:auto;font-weight:700;font-size:14px}.header-buttons{display:flex;gap:8px}.square-button{border:2px solid var(--line);background:var(--paper);border-radius:9px;height:38px;min-width:38px;font:12px 'Space Mono',monospace}.hero{padding:70px 5% 76px;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;max-width:1600px;margin:auto;min-height:660px;overflow:hidden}.eyebrow{font:11px 'Space Mono',monospace;letter-spacing:1px;display:flex;gap:8px;align-items:center}.live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ff8b3825}h1{font-size:clamp(60px,7vw,112px);font-weight:800;line-height:.93;letter-spacing:-5px;margin:30px 0 23px}.outline{color:var(--orange);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink)}.intro{font-size:23px;font-weight:600;line-height:1.35}.description{font-size:16px;line-height:1.65;max-width:430px;opacity:.8}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin:25px 0 17px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--orange);color:#302137;border:2px solid #302137;border-radius:12px;box-shadow:4px 5px 0 #302137;padding:16px 22px;font-weight:800;font-size:16px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 #302137}.button:active{transform:translate(4px,5px);box-shadow:0 0 0 #302137}.text-button{border:0;border-bottom:1px solid;background:none;padding:5px 0;font-size:14px}.small-note{font-size:11px;opacity:.7}.hero-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:470px}.sun-disc{position:absolute;width:90%;aspect-ratio:1;max-width:480px;background:var(--orange);border:2px solid #302137;border-radius:50%;box-shadow:inset 0 0 0 20px var(--paper),inset 0 0 0 22px #302137}.hero-scene:after{content:'';position:absolute;width:110%;height:30%;bottom:0;background-image:linear-gradient(45deg,#30213710 25%,transparent 25%),linear-gradient(-45deg,#30213710 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#30213710 75%),linear-gradient(-45deg,transparent 75%,#30213710 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0;transform:perspective(250px) rotateX(45deg);z-index:0;mask-image:linear-gradient(black,transparent)}#arcade-cat{position:relative;z-index:2;width:100%;max-width:560px;background:none;border:0;padding:0;transform-origin:50% 85%;animation:breathe 4.5s ease-in-out infinite}#arcade-cat img{width:100%;height:auto;display:block;filter:drop-shadow(7px 10px 0 #30213724)}.spark{position:absolute;font-size:60px;z-index:3;line-height:1}.spark-one{left:0;top:14%;color:var(--ink);transform:rotate(-15deg)}.spark-two{right:2%;bottom:21%;color:#9d73d6}.arcade-ticket{position:absolute;z-index:3;left:2%;bottom:12%;background:var(--purple);border:2px solid #302137;transform:rotate(-10deg);padding:12px 14px;box-shadow:4px 4px 0 #302137;border-radius:4px;color:#302137}.arcade-ticket span{font:8px 'Space Mono',monospace;display:block;letter-spacing:1px}.arcade-ticket strong{display:block;font-weight:800;font-size:23px;margin:4px 0}.floating-tag{position:absolute;right:4%;top:5%;padding:10px 17px;background:var(--panel);border:2px solid var(--line);border-radius:50%;transform:rotate(12deg);z-index:4;font-weight:700}.cat-caption{position:absolute;bottom:-20px;z-index:4;font:11px 'Space Mono',monospace;background:var(--paper);padding:7px 12px;border:1px dashed var(--line)}.hero-scene.pet #arcade-cat{animation:wiggle .6s ease}.hero-scene.pet .spark{animation:spin .6s ease}.tape{overflow:hidden;border-top:2px solid #302137;border-bottom:2px solid #302137;background:var(--orange);color:#302137;padding:16px 0;transform:rotate(-1deg);width:100%}.tape>div{width:max-content;font-weight:800;font-size:19px;word-spacing:6px;animation:marquee 38s linear infinite}.rewards-section{padding:95px 5%;max-width:1600px;margin:auto;display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;align-items:start}.section-intro h2,.identity h2{font-weight:800;letter-spacing:-2.5px;font-size:clamp(38px,4vw,65px);line-height:1.02;margin:23px 0}.section-intro p{max-width:340px;font-size:17px;line-height:1.6}.club-section{padding:70px 5%;background:var(--soft);border-block:2px solid var(--line)}.club-section .section-intro{display:flex;justify-content:space-between;align-items:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:30px}.steps article{border-top:2px solid var(--line);padding-top:20px}.step-symbol{font-family:'Space Mono',monospace;font-size:26px;font-weight:700}.steps h3{font-size:27px;letter-spacing:-.8px;margin-bottom:12px}.steps p{line-height:1.6;font-size:16px}.club-note{font-size:12px;max-width:850px;line-height:1.65;margin:35px 0 0;opacity:.8}.identity{padding:80px 5%}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.mini-badge{display:inline-block;font:11px 'Space Mono',monospace;font-weight:700;padding:9px 13px;background:var(--purple);border:2px solid #302137;color:#302137;transform:rotate(-2deg)}.identity-grid p{font-size:16px;line-height:1.65}footer{margin:0 5%;padding:32px 0;display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--line);gap:20px;flex-wrap:wrap}footer>span{font-size:15px}footer>a:not(.logo){font-size:12px;text-decoration:underline}footer>small{width:100%;font-size:10px;opacity:.7}
@keyframes breathe{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes wiggle{25%{transform:rotate(-5deg) translateY(-9px)}65%{transform:rotate(4deg)}100%{transform:none}}@keyframes spin{to{transform:rotate(180deg)}}@keyframes marquee{to{transform:translateX(-50%)}}[data-motion="paused"] *,[data-motion="paused"] *:before,[data-motion="paused"] *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
[data-theme="dark"]{--paper:#241a2c;--ink:#fff1d1;--soft:#352238;--line:#ffe5b7;--panel:#33283d;color-scheme:dark}[data-theme="dark"] .preview-bar{background:#130e19;color:#ffe5b7}[data-theme="dark"] .sun-disc{box-shadow:inset 0 0 0 20px #241a2c,inset 0 0 0 22px #ffdfb6}[data-theme="dark"] .outline{-webkit-text-stroke-color:#fff1d1;text-shadow:3px 4px 0 #fff1d1}[data-theme="dark"] .cat-caption{color:#fff1d1}
@media(max-width:1000px){header{gap:20px}nav{gap:15px}.hero{gap:0;padding-top:55px}.hero-scene{min-height:410px}h1{letter-spacing:-3px;font-size:72px}.intro{font-size:21px}.rewards-section{gap:35px;grid-template-columns:.8fr 1.2fr}.arcade-ticket{left:0;bottom:9%}.spark-one{font-size:42px}.section-intro h2{font-size:47px}}
@media(max-width:740px){header{height:80px;gap:15px}nav{display:none}.header-buttons{margin-left:auto}.logo{font-size:35px}.preview-bar{font-size:8px;letter-spacing:.3px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:55px;gap:25px}.hero-copy{text-align:left}.hero h1{font-size:clamp(59px,13.5vw,94px);letter-spacing:-3px}.hero-scene{min-height:360px;max-width:460px;width:100%;margin:auto}#arcade-cat{max-width:400px}.sun-disc{width:85%}.intro{font-size:21px}.description{font-size:16px}.cat-caption{bottom:-10px}.arcade-ticket{bottom:5%;left:0;padding:9px 11px}.arcade-ticket strong{font-size:20px}.spark-one{left:1%;font-size:40px}.floating-tag{right:0}.tape>div{font-size:15px}.rewards-section{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-bottom:60px}.section-intro h2{font-size:45px}.section-intro p{max-width:100%}.club-section .section-intro{display:block}.steps,.identity-grid{grid-template-columns:1fr;gap:22px}.steps p{max-width:480px}.identity{padding-top:55px;padding-bottom:55px}.identity-grid{margin-top:25px}.club-section{padding-top:45px;padding-bottom:45px}footer{align-items:flex-start}footer .logo{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}