@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/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}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Med.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Med.woff2)format("woff2");font-weight:500;font-style:normal;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-title>a{width:fit-content;display:inline-block}.hero-flag{z-index:1;pointer-events:none;width:auto;height:clamp(2rem,3.5vw,5.5rem);margin-bottom:clamp(-2rem,-1.4vw,-.8rem);display:block;position:relative}.hero-flag path{pointer-events:visiblePainted}.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 + var(--bg-offset-y,0px));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:translate(-50%, -50%) 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:translate(-50%, -50%) rotate(var(--r,0deg)) scale(1.04)}.sticker.dragging{cursor:grabbing;filter:drop-shadow(0 12px 40px #000000b3);transform:translate(-50%, -50%) rotate(var(--r,0deg)) scale(1.14);transition:filter .15s,transform .1s}.hero.sticker-hover a:not(.catalog-link),.hero.sticker-hover a:not(.catalog-link) *,.hero.sticker-hover button,.hero.sticker-hover input,.hero.sticker-held a:not(.catalog-link),.hero.sticker-held a:not(.catalog-link) *,.hero.sticker-held button,.hero.sticker-held input{pointer-events:none}.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;background:#1d1c23;border:clamp(.12rem,.15vw,.25rem) solid #37373c;border-radius:999px;align-items:center;gap:.3em;padding:clamp(.5rem,.6vw,1rem) clamp(.6rem,.8vw,1.2rem);font-size:clamp(1.2rem,1.6vw,1.7rem);font-weight:600;text-decoration:none;transition:background-color .125s linear;display:inline-flex;position:absolute;top:clamp(1.3rem,1.8vw,2.2rem);right:clamp(1.6rem,2.2vw,2.6rem)}.catalog-link:hover{color:#fff;background-color:#24242c;text-decoration:none}.catalog-link svg{flex-shrink:0;width:.9em;height:.9em}.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}.dashboard-row{width:100%;height:clamp(3.5rem,4.2vw,6rem);margin-top:clamp(.5rem,.8vw,1.2rem);display:flex}.dashboard-link{box-sizing:border-box;color:#fff;background-color:#1d1c23;border:clamp(.12rem,.15vw,.25rem) solid #37373c;border-radius:100000000px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:clamp(.5rem,.6vw,1rem) clamp(.6rem,.8vw,1.2rem);font-family:Phantom Sans;font-size:clamp(1.2rem,1.5vw,2.5rem);font-style:italic;font-weight:600;text-decoration:none;transition:background-color .125s linear;display:flex}.dashboard-link:hover{color:#fff;background-color:#24242c;text-decoration:none}.dashboard-arrow{transition:transform .15s cubic-bezier(.4,0,.2,1)}.dashboard-link:hover .dashboard-arrow{transform:translate(.3rem)}@media (width<=640px){.dashboard-row{height:auto}.dashboard-link{padding:.75rem 1rem;font-size:1rem}}@media (width<=455px){.dashboard-link{padding:.65rem .85rem;font-size:.9rem}}.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);flex-direction:column;align-items:center;gap:clamp(1rem,1.8vw,2.2rem);padding:clamp(2.3rem,3.85vw,6.25rem) clamp(2rem,5vw,8rem) clamp(10rem,17vw,22rem);display:flex;position:relative}.step-arena{width:100%;margin-top:clamp(2rem,4vw,5rem);position:relative;overflow:visible}.step-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:clamp(2rem,3vw,4rem);width:100%;padding-bottom:70px;display:grid;overflow:visible}.step-path{z-index:1}.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;width:100%;margin:0;font-size:clamp(2.5rem,5vw,5rem);font-style:italic;font-weight:700;position:relative}.step-item{--ty:0px;--r:0deg;counter-increment:step;color:#fff;-webkit-text-stroke:black clamp(.15rem, .22vw, .35rem);paint-order:stroke fill;text-align:center;transform:translateY(var(--ty)) rotate(var(--r)) scale(1) translateZ(0);will-change:transform;backface-visibility:hidden;z-index:2;background-color:#ed344f;border:clamp(.15rem,.25vw,.4rem) solid #000;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.2rem,2.5vw,3.5rem);min-width:0;padding:clamp(1.4rem,2.5vw,4rem) clamp(1rem,1.5vw,1.8rem);font-size:clamp(1rem,1.5vw,1.8rem);font-weight:700;transition:transform .2s;display:flex;position:relative}.step-item:first-child{--r:-1.8deg}.step-item:nth-child(2){--r:1.2deg;--ty:60px}.step-item:nth-child(3){--r:-1deg}.step-item:nth-child(4){--r:1.6deg;--ty:60px}.step-item:hover{transform:translateY(calc(var(--ty) - 10px)) rotate(var(--r)) scale(1) translateZ(0)}.step-item:before{content:counter(step);color:#fff;-webkit-text-stroke:none;background-color:#000;border-radius:.5rem;justify-content:center;align-items:center;width:clamp(2.4rem,3.2vw,3.8rem);height:clamp(2.4rem,3.2vw,3.8rem);font-size:clamp(1.3rem,1.7vw,2rem);font-weight:700;display:flex;position:absolute;top:-12px;left:-10px;transform:rotate(-12deg)}.step-item--yellow{background-color:#f5ee49}.step-item--green{background-color:#239640}.step-item--blue{background-color:#3758c4}.step-item img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:clamp(7rem,11vw,15rem);height:clamp(7rem,11vw,15rem)}.steps-caption{z-index:2;text-align:center;color:#000;width:100%;margin:0;font-size:clamp(1.1rem,1.6vw,1.9rem);font-weight:500;position:relative}@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{gap:2rem;padding:2.5rem 2rem}.step-grid{grid-template-columns:repeat(2,1fr);padding-bottom:0}.step-item{--ty:0px!important;--r:0deg!important}.step-path{display:none}.step-item: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{gap:1.5rem;padding:2rem 1.5rem}.step-grid{grid-template-columns:1fr}.step-item{font-size:1rem}.step-item: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:#f5ee49}.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:#f5ee49}.faq-item:nth-child(7){background-color:#239640}.faq-item:nth-child(8){background-color:#3758c4}.faq-item:hover{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-skip-ink:none;text-decoration-skip-ink:none;-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,.step-item,.faq-item,.faq-icon,.hc-logo,.hc-logo:hover{transition:none!important;animation:none!important}.sticker{opacity:1}}