@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/SemiboldItalic.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/SemiboldItalic.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/BoldItalic.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}html,body{scroll-behavior:smooth;--page-grid:clamp(3rem, 4vw, 7rem);--page-grid-line:clamp(.2rem, .25vw, .4rem);margin:0;padding:0;font-family:Phantom Sans;overflow-x:clip}.hero h1{color:#fff;-webkit-text-stroke:black clamp(.4rem, .65vw, 1.2rem);paint-order:stroke fill;margin:0;font-size:clamp(7rem,11vw,20rem);font-style:italic;font-weight:600;position:relative}.hero-flag{width:auto;height:clamp(2rem,3.5vw,5.5rem);margin-bottom:clamp(-2rem,-1.4vw,-.8rem);display:block}.hero{background-size:var(--page-grid) var(--page-grid);background-color:#141318;background-image:linear-gradient(to right, #1c1c20 var(--page-grid-line), transparent var(--page-grid-line)), linear-gradient(to bottom, #1c1c20 var(--page-grid-line), transparent var(--page-grid-line));background-position:calc(var(--page-grid) / 2) calc(var(--page-grid) / 2);justify-content:center;align-items:center;height:calc(100svh + .67vw);display:flex;position:relative;overflow:hidden}.sticker{--sticker-scale:.9;cursor:grab;-webkit-user-select:none;user-select:none;filter:none;transform:rotate(var(--r,0deg)) scale(1);touch-action:none;opacity:0;border-radius:.75rem;transition:filter .15s,transform .15s;position:absolute}.sticker.placed{animation:.4s cubic-bezier(.2,.6,.35,1) forwards sticker-place}.sticker:hover:not(.dragging){filter:drop-shadow(0 6px 16px #00000073);transform:rotate(var(--r,0deg)) scale(1.04)}.sticker.dragging{cursor:grabbing;filter:drop-shadow(0 12px 40px #000000b3);transform:rotate(var(--r,0deg)) scale(1.14);transition:filter .15s,transform .1s}.scroll-arrow{z-index:10;opacity:.7;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;transition:opacity .2s;animation:2s ease-in-out infinite bounce-arrow;display:flex;position:absolute;bottom:clamp(1.2rem,2.5vw,2.5rem);left:50%;transform:translate(-50%)}.scroll-arrow span{color:#fff;letter-spacing:.15em;text-transform:uppercase;font-family:Phantom Sans;font-size:clamp(.75rem,1vw,1rem)}.scroll-arrow:hover{opacity:1;text-decoration:none}@keyframes bounce-arrow{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes sticker-place{0%{opacity:0;filter:drop-shadow(0 30px 30px #00000080);scale:1.5}60%{opacity:1;filter:drop-shadow(0 4px 8px #0000004d);scale:.95}80%{scale:1.03}to{opacity:1;filter:none;scale:1}}.catalog-link{z-index:99999;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1413184d;border-radius:999px;padding:.3em .7em;font-size:clamp(1.2rem,1.6vw,1.7rem);font-weight:600;text-decoration:none;transition:color .15s;position:absolute;top:clamp(1.3rem,1.8vw,2.2rem);right:clamp(1.6rem,2.2vw,2.6rem)}.catalog-link:hover{color:#fffc;text-decoration:none}.catalog-arrow{margin-left:.2em;font-size:.7em;display:inline-block;transform:translateY(-.12em)}.hero form{justify-content:space-between;gap:clamp(.5rem,.8vw,1.2rem);width:100%;height:clamp(3.5rem,4.2vw,6rem);margin-top:clamp(.5rem,.8vw,1.2rem);display:flex}#email{color:#fff;background-color:#1d1c23;border:clamp(.12rem,.15vw,.25rem) solid #37373c;border-radius:100000000px;width:78%;padding:clamp(.8rem,1vw,1.5rem);font-family:Phantom Sans;font-size:clamp(1.2rem,1.5vw,2.5rem)}::placeholder{color:#56565d;opacity:1}#email:focus{outline:none}#submit{color:#fff;background-color:#1d1c23;border:clamp(.12rem,.15vw,.25rem) solid #37373c;border-radius:100000000px;width:22%;padding:clamp(.5rem,.6vw,1rem) clamp(.6rem,.8vw,1.2rem);font-family:Phantom Sans;font-size:clamp(1.2rem,1.5vw,2.5rem);transition:background-color .125s linear}#submit:hover{cursor:pointer;background-color:#24242c}.sep{z-index:5;color:#0000;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:220vw;margin-left:-60vw;display:block;position:relative}.sep-top,.sep-footer{margin-top:-1vw;margin-bottom:-1vw}.steps{counter-reset:step;z-index:10;color:#000;background-color:#fff;background-image:linear-gradient(to right, #f0f0f0 var(--page-grid-line), transparent var(--page-grid-line)), linear-gradient(to bottom, #f0f0f0 var(--page-grid-line), transparent var(--page-grid-line));background-size:var(--page-grid) var(--page-grid);background-position:calc(var(--page-grid) / 2) calc(var(--page-grid) / 2);grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2.5rem);padding:clamp(2.75rem,4.7vw,7.5rem) clamp(2rem,5vw,8rem) clamp(8rem,14vw,18rem);display:grid;position:relative}.steps:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#f6f1e400,#f6f1e4);height:clamp(4rem,9vw,12rem);position:absolute;bottom:0;left:0;right:0}.steps h2{z-index:2;color:#000;text-align:center;paint-order:stroke fill;grid-column:1/-1;margin:0 0 calc(clamp(3rem,5vw,8rem) - clamp(1rem,2vw,2.5rem));font-size:clamp(2.5rem,5vw,5rem);font-style:italic;font-weight:700;position:relative}.steps div{-webkit-text-stroke:black clamp(.2rem, .35vw, .55rem);paint-order:stroke fill;z-index:2;color:#fff;text-align:center;counter-increment:step;will-change:transform;backface-visibility:hidden;background-color:#ed344f;border:clamp(.15rem,.25vw,.4rem) solid #000;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:clamp(3rem,5vw,7rem);padding:clamp(1.5rem,2.5vw,3.5rem);font-size:clamp(1.3rem,2vw,2.4rem);font-weight:700;transition:filter .2s,transform .2s;display:flex;position:relative}.steps div:before{content:counter(step);color:#fff;-webkit-text-stroke:none;background-color:#000;border-radius:.5rem;justify-content:center;align-items:center;width:clamp(2rem,3vw,3.5rem);height:clamp(2rem,3vw,3.5rem);font-size:clamp(1.1rem,1.5vw,1.9rem);font-weight:700;display:flex;position:absolute;top:clamp(-.7rem,-1vw,-1rem);left:clamp(-.5rem,-.7vw,-.8rem)}.steps div:nth-child(3){background-color:#fff959}.steps div:nth-child(4){background-color:#239640}.steps div:nth-child(5){background-color:#3758c4}.steps div:hover{filter:brightness(1.1);z-index:3;transform:translateY(-6px)}.steps div img{object-fit:contain;width:clamp(7rem,12vw,16rem);height:clamp(7rem,12vw,16rem)}.steps div p{margin:0}@media (width<=640px){.hero-title{max-width:90%}.hero h1{-webkit-text-stroke:black clamp(.2rem, .5vw, .4rem);font-size:clamp(4rem,18vw,7rem)}.hero-flag{height:clamp(1.4rem,4.5vw,2.4rem);margin-bottom:-.3rem}.sticker{--sticker-scale:.77}.hero form{flex-direction:column;gap:.6rem;height:auto}#email,#submit{box-sizing:border-box;width:100%;padding:.75rem 1rem;font-size:1rem}}@media (width<=1024px){.steps{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2.5rem 2rem}.steps div:before{width:2.8rem;height:2.8rem;font-size:1.5rem;top:-.9rem;left:-.6rem}}@media (width<=455px){.hero h1{font-size:clamp(3.2rem,17vw,4rem)}.hero-flag{height:1.3rem;margin-bottom:-.2rem}.hero form{margin-top:1rem}#email,#submit{padding:.65rem .85rem;font-size:.9rem}.sticker{--sticker-scale:.63}.steps{grid-template-columns:1fr;gap:1rem;padding:2rem 1.5rem}.steps div{font-size:1rem}.steps div:before{width:2.5rem;height:2.5rem;font-size:1.3rem;top:-.8rem;left:-.5rem}}.hc-logo{transition:transform .3s ease-in-out;transform:rotate(0)translateY(-.5rem)}.hc-logo:hover{transform:rotate(10deg)translateY(.5rem)}.faq{background-color:#c7d3f0;justify-content:center;padding:clamp(3rem,5vw,8rem) clamp(2rem,5vw,8rem);display:flex;position:relative;overflow:hidden}.faq-bg,.faq-overlay{pointer-events:none;position:absolute;inset:0}.faq-bg{z-index:0;background-image:url(./bg.xfjzGsOm.png);background-repeat:repeat;background-size:clamp(32rem,55vw,64rem);position:absolute;inset:0}.faq-overlay{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#f6f1e4b3}.faq:before{content:"";z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:clamp(4rem,9vw,12rem);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.faq>.faq-content{z-index:2;position:relative}.faq-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f6f1e4b3;width:100%;max-width:48rem;margin:calc(-1*clamp(3rem,5vw,8rem)) 0;padding:clamp(1.5rem,2.5vw,4rem) clamp(2.5rem,4vw,4.5rem) clamp(3rem,5vw,8rem);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.faq h2{color:#fff;text-align:center;paint-order:stroke fill;-webkit-text-stroke:black clamp(.3rem, .52vw, .88rem);margin:0 0 clamp(1.5rem,3vw,3rem);font-size:clamp(2.5rem,5vw,5rem);font-style:italic;font-weight:700}.faq-grid{flex-direction:column;gap:clamp(.8rem,1.2vw,1.2rem);max-width:48rem;margin:0 auto;display:flex}.faq-item{will-change:transform;backface-visibility:hidden;background-color:#ed344f;border:clamp(.15rem,.25vw,.4rem) solid #000;border-radius:1.5rem;transition:transform .2s,filter .2s;overflow:hidden}.faq-item:nth-child(2){background-color:#fff959}.faq-item:nth-child(3){background-color:#239640}.faq-item:nth-child(4){background-color:#3758c4}.faq-item:nth-child(5){background-color:#ed344f}.faq-item:nth-child(6){background-color:#fff959}.faq-item:nth-child(7){background-color:#239640}.faq-item:nth-child(8){background-color:#3758c4}.faq-item:hover{filter:brightness(1.08);transform:translateY(-3px)}.faq-summary{color:#fff;-webkit-text-stroke:black clamp(.15rem, .25vw, .38rem);paint-order:stroke fill;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:clamp(1rem,1.5vw,1.5rem) clamp(1.2rem,2vw,2rem);font-family:Phantom Sans;font-size:clamp(1.1rem,1.5vw,1.6rem);font-weight:700;display:flex}.faq-icon{-webkit-text-stroke:black clamp(.15rem, .25vw, .38rem);flex-shrink:0;font-size:clamp(1.5rem,2vw,2.2rem);font-weight:700;line-height:1;transition:transform .3s cubic-bezier(.2,.6,.35,1)}.faq-icon.open{transform:rotate(45deg)}.faq-item p{color:#fff;opacity:.92;margin:0;padding:0 clamp(1.2rem,2vw,2rem) clamp(1rem,1.5vw,1.5rem);font-size:clamp(.9rem,1.1vw,1.15rem);line-height:1.5}.faq-item:nth-child(2) p,.faq-item:nth-child(6) p{color:#141318}a{color:#fff;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}a:hover{text-decoration:underline}.lander-footer{text-align:center;color:#000;background-color:#fff;padding:clamp(.9rem,1.2vw,1.8rem);font-size:clamp(.85rem,.9vw,1.25rem)}.lander-footer a{color:#000}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.scroll-arrow{animation:none}.sticker,.sticker.placed,.sticker:hover:not(.dragging),.sticker.dragging,.steps div,.faq-item,.faq-icon,.hc-logo,.hc-logo:hover{transition:none!important;animation:none!important}.sticker{opacity:1}}