@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Lemon&family=Quicksand:wght@300..700&display=swap";:root{--color-bg-cream: #f9e0bc;--color-primary-orange: #FFAA1F;--color-secondary-brown: #5E4022;--color-border-brown: #5B3B1F;--color-border-tan: #C19A6B;--color-text-brown: #714312;--color-text-dark-brown: #4C1616;--color-text-gray: #434343;--spacing-xs: 10px;--spacing-sm: 20px;--spacing-md: 50px;--radius-sm: 5px;--radius-md: 20px;--transition-default: .3s ease}*{margin:0;padding:0}body{background-color:var(--color-bg-cream)}html,body,#root{width:100%;height:100%}@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}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:245px;height:65px;font-size:25px;background:var(--color-secondary-brown);border:3px solid var(--color-border-tan);color:var(--color-primary-orange);text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-default)}.btn-primary:hover{opacity:.85}.btn-primary:active{transform:scale(.98)}.normal-large{cursor:pointer;border-radius:20px!important}.normal-large:hover{opacity:.9}.main-home-page{width:100%;height:100%}.hero{height:100%;width:100%;overflow:hidden;position:relative}#overlay{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.hero-wrapper{position:relative;z-index:10000;width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.group-txt{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10rem}.group-txt span{font-family:Fraunces;font-size:30px;text-align:center;color:#714312;font-weight:500}.group-txt span:nth-child(1){max-width:396px}.group-txt span:nth-child(2){max-width:235px}.btn{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:8px}.hero-cta:focus{outline:3px solid rgba(255,170,31,.25);outline-offset:4px}.ntc{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%;text-align:center}.ntc span{font-size:30px;font-family:Fraunces;gap:10px;color:#714312;text-align:center}.ntc span img{position:relative;top:5px}@media (max-width: 674px){#logo{height:40%!important}.group-txt{flex-direction:column;gap:10px;width:100%}.group-txt span{font-size:25px;width:100%}.ntc{max-width:90%;bottom:15px}.ntc span{font-size:20px}.ntc span img{height:20px}.btn{gap:5px;flex-direction:column;transform:scale(.9)}}@media (max-width: 551px){#logo{height:25%!important;width:50%!important}}@media (max-height: 776px) and (min-width: 1024px){#logo{height:35%!important;width:35%!important;min-width:0px!important}}.main-second-section{width:100%;height:fit-content;min-height:100vh;display:flex;justify-content:center;align-items:center}.second-section{width:calc(100% - 100px);height:100%;max-width:2000px}.top{display:flex;flex-direction:row;justify-content:space-between;margin-top:148px}.top-left-zxc{display:flex;flex-direction:column;gap:20px}.tag{width:fit-content;height:fit-content;padding:8px 15px;font-size:15px;background-color:#ffaa1f;border-radius:10px;border:2px solid #5B3B1F;font-family:Phantom Sans}.title{font-size:30px;font-family:QuickSand;color:#4c1616;line-height:180%;max-width:697px}.paragraph span{font-size:25px;color:#414141;max-width:682px;line-height:110%;display:inline-block;font-family:Phantom Sans}.img-card{width:100%;height:100%;max-width:639px;display:flex;justify-content:center;align-items:center;background-color:#d89e6c;border:2px solid #5B3B1F;border-radius:20px;overflow:hidden}.img-card img{height:335px;width:100%;object-fit:cover}.img-card span{color:#000;font-family:Phantom Sans;font-size:20px}.top-right-acd{width:50%;display:flex;justify-content:end}@media (max-width: 1112px){.top{display:flex;flex-direction:column;width:100%}.img-card{width:100%;height:100%;max-width:none}.top-right-acd{width:100%;height:335px;margin-top:35px}}@media (max-width: 660px){.second-section{width:calc(100% - 40px)}.img-card{width:100%;height:100%;max-width:none;text-align:center}.title{font-size:20px;font-family:QuickSand;color:#4c1616;line-height:180%;max-width:697px}.paragraph span{font-size:17px}}.bottom .tag{position:absolute;left:50%;transform:translate(-50%);margin-top:168px}.cards{display:flex;flex-direction:row;justify-content:space-between}.card{width:276px;height:160px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;padding:5px 10px;background-color:#ffaa1f;border:2px solid #5B3B1F;border-radius:20px}.card:nth-child(2){margin-top:100px}.num{width:38px;height:36px;border:3px solid #000000;color:#000;display:flex;justify-content:center;align-items:center;border-radius:50%;text-align:center}.num span{font-size:25px;font-family:QuickSand;font-weight:800}.title-c span{font-family:QuickSand;font-weight:800;font-size:25px}.description-c{font-family:QuickSand;font-weight:800;font-size:12px}.scribble1{position:absolute;left:340px;z-index:-1;margin-top:200px}.scribble2{position:absolute;right:340px;z-index:-1;margin-top:200px}.scribble2.bro{position:absolute;right:340px;z-index:-1;margin-top:300px}.card:nth-child(3){margin-top:250px}.card:nth-child(5){margin-top:100px}.card.bro:nth-child(5){margin-top:383px}@media (max-width: 1514px){.scribble1{position:absolute;left:22%;z-index:-1;margin-top:200px}.scribble2{position:absolute;right:22%;z-index:-1;margin-top:200px}}@media (max-width: 1102px){.scribble1,.scribble2{display:none}.card:nth-child(3){margin-top:0}.card:nth-child(5){margin-top:0}.card:nth-child(2){margin-top:0}.card.bro:nth-child(5){margin-top:0}.bottom .tag{position:absolute;left:50%;transform:translate(-50%);margin-top:-60px;font-size:20px}.cards{display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:116px}.card{width:100%}.bottom .tag{position:absolute;left:50%;transform:translate(-50%);margin-top:-60px;font-size:20px;min-width:205px;text-align:center}}.main-third-section{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center}.third-section{width:calc(100% - 100px);height:100%}.top-x{width:100%;height:fit-content;margin-top:148px;display:flex;gap:20px;flex-direction:column}.cards-x{width:100%;height:fit-content;display:flex;justify-content:space-between;margin-top:50px;flex-direction:row;flex-wrap:wrap;gap:20px}.cards-x.scrollable{flex-wrap:nowrap;overflow-x:hidden;justify-content:flex-start;scroll-behavior:smooth}.icon-slot{width:108px;height:108px;border-radius:50%;border:1px solid black;background:#f9e0bc;display:flex;justify-content:center;align-items:center;overflow:hidden}.icon-slot img{width:108px;height:108px;object-fit:cover}#paintBrush{transform:scale(.75) translate(-5px)}#diamond{transform:scale(.75) translateY(4.5px) translate(-2px)}.card-x{max-width:295px;text-align:center;background-color:#ffaa1f;padding:20px;border-radius:10px;border:2px solid #5B3B1F;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:space-between}.title-x{width:100%;font-family:QuickSand}.description-x{font-size:12px;font-family:QuickSand;color:#434343;font-weight:700}.requirements-tag span{color:#ff391f;font-family:QuickSand;font-weight:600;position:relative}.requirements-txt span{font-size:12px;font-family:QuickSand;color:#434343;font-weight:700;line-height:100%}@media (max-width: 1000px){.third-section{width:calc(100% - 40px)}.cards-x{align-items:center;justify-content:center}.card-x{width:100%!important}}.main-fourth-section{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;padding-bottom:20px}.fourth-section{width:calc(100% - 100px);height:100%}.top-axc{width:100%;margin-top:148px}@media (max-width: 1100px){.fourth-section{width:calc(100% - 40px)}}.main-fifth-section{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;min-height:1100px}.fifthSection{width:calc(100% - 100px);height:100%}.top-xz{display:flex;flex-direction:column;gap:20px;margin-top:148px}.left-dates{position:absolute;top:0;right:0}#btn-arrow,.bottom-dates,.bottom-dates2{display:none}@media (max-width: 1410px){.left-dates img{width:800px!important}.main-fifth-section{min-height:800px}}@media (max-width: 1248px){.left-dates img{width:700px!important}.main-fifth-section{min-height:500px}}@media (max-width: 1178px){.left-dates{display:none}.fifthSection{width:calc(100% - 40px)}.main-fifth-section{min-height:1300px}.normal-large.bro{width:90%!important;text-align:left;padding-left:20px;position:relative;justify-content:start!important}#btn-arrow{display:block;max-width:48px;position:absolute;top:50%;transform:translateY(-50%);right:0}.bottom-dates{display:block;position:absolute;right:0}}@media (max-width: 838px){.bottom-dates img{width:600px!important}.main-fifth-section{min-height:1100px}}@media (max-width: 618px){.bottom-dates{display:none}.bottom-dates2{display:block;position:absolute;right:0}.main-fifth-section{min-height:1220px}}@media (max-width: 460px){.bottom-dates2 img{width:350px!important}.main-fifth-section{min-height:1100px}}@media (max-width: 383px){.main-fifth-section{min-height:1118px}}.footer{position:relative;overflow:hidden;background-color:#5b3b1f;color:#f7eedc}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;padding:1rem}.modal{background:#fff;border-radius:14px;box-shadow:0 18px 40px #00000059;max-width:520px;width:100%;padding:1.5rem;text-align:center;position:relative;color:#2b2430}.modal-close{position:absolute;right:8px;top:8px;border:none;background:transparent;font-size:1.4rem;cursor:pointer;color:#333;padding:6px 8px;line-height:1}.modal-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.modal-boba{width:96px;height:96px;object-fit:contain;opacity:1}.modal-body .coming-soon{font-size:1.6rem;font-weight:800;margin:.25rem 0 .5rem;color:#2b2430}.modal-sub{color:#5a5368;margin:0;font-size:1rem}@media (max-width: 420px){.modal{padding:1rem}.modal-boba{width:76px;height:76px}.modal-body .coming-soon{font-size:1.25rem}}.footer a{font-family:QuickSand}.footer span,.footer p{font-family:Phantom Sans}.footer-bg{pointer-events:none;position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center}.footer-bg-img{width:900px;max-width:none;opacity:1;object-fit:contain}.footer-content{position:relative;z-index:10;padding:20px 40px}@media (min-width: 768px){.footer-content{padding:40px}}.footer-grid{display:grid;gap:40px;max-width:1200px;margin:0 auto;grid-template-columns:1fr}@media (min-width: 768px){.footer-grid{grid-template-columns:1fr auto;align-items:flex-start}}.footer-left{margin-left:-16px}@media (min-width: 1024px){.footer-left{margin-left:-40px}}.footer-logo{height:64px;width:auto;margin-bottom:12px}.footer-made{font-size:16px}@media (min-width: 768px){.footer-made{font-size:18px}}.heart{color:#ff6b6b}.footer-line{margin:20px 0;height:2px;width:33%;border:none;background:linear-gradient(to right,#ffaa1f,#ffaa1f,#5b3b1f)}.footer-desc{max-width:400px;font-size:12px;line-height:1.6;color:#f7eedce6}@media (min-width: 768px){.footer-desc{font-size:14px}}.footer-link{text-decoration:underline;text-underline-offset:3px;color:inherit;opacity:.9}.footer-link:hover{opacity:.7}.footer-nav{padding-left:0}@media (min-width: 768px){.footer-nav{padding-left:32px}}.footer-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;margin:0}@media (min-width: 768px){.footer-nav ul{flex-direction:column;gap:12px}}.footer-nav-link{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#f7eedcb3;color:inherit;transition:opacity .2s ease}.footer-nav-link:hover{opacity:.8}.main-prizes-section{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center}.prizes-section{width:100%;height:100%}.prize-box{width:300px;min-height:300px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:15px;border:2px solid #5B3B1F;background-color:#ffaa1f;border-radius:20px;box-sizing:border-box}.prize-box .img-prize{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:100%;height:200px}.prize-box img{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain}.prize-box .prize-name{width:100%;text-align:center;padding:0 5px}.prize-box h1{font-size:22px;font-family:Quicksand;margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.prizes-section .top-x{width:calc(100% - 50px);margin-left:50px}.bottom-marquee{margin-top:50px;display:flex;flex-direction:column;gap:20px}.wrapper-prizes{display:flex;flex-direction:row;gap:20px}@media (max-width: 660px){.prizes-section .top-x{width:calc(100% - 20px);margin-left:20px}}.main-marquee{width:100%;overflow:hidden;white-space:nowrap;display:flex;align-items:end}.marquee-inner{will-change:transform}.marquee-group{display:inline-flex;flex-shrink:0;align-items:center;padding:0 1rem}.content{padding:0 1rem;display:inline-flex;align-items:center}.content h1{color:#000;font-family:Inter;letter-spacing:-.02em;font-size:10vw;font-weight:500}.main-rating-section{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;position:relative;min-height:1100px}.ratingSection{width:calc(100% - 100px);height:100%}.scroll-wrapper{position:relative;margin-top:50px;padding-bottom:80px}.bottom-babu{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.bottom-babu.scrollable{flex-wrap:nowrap;overflow-x:hidden;justify-content:flex-start;scroll-behavior:smooth;padding:0}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background-color:#5b3b1f;border:2px solid #FFAA1F;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.scroll-btn:hover{background-color:#ffaa1f;transform:translateY(-50%) scale(1.1)}.scroll-btn:hover svg path{fill:#5b3b1f}.scroll-btn-left{left:-30px;margin-top:-74px}.scroll-btn-right{right:-30px;margin-top:-80px}.card-rating{width:366px;min-width:346px;height:565px;background-color:#ffaa1f;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;border:2px solid #5B3B1F;border-radius:20px;position:relative;z-index:2}.wrapper-card-rating{width:366px;min-width:346px;height:639px;position:relative;flex-shrink:0}.text-grp-top{text-align:center;display:flex;flex-direction:column;gap:10px}.text-grp-top h1{font-family:Quicksand;font-size:25px}.text-grp-top p{font-family:Quicksand;font-size:12px;color:#000;font-weight:900;max-width:250px}.site-techstack{margin-top:10px;margin-bottom:10px}.site-techstack span{font-size:16px;font-family:Quicksand;font-weight:800}.openBtn{position:absolute;height:74px;width:100%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#5b3b1f;border:2px solid #C19A6B;bottom:10px;z-index:1;left:0;display:flex;align-items:center;flex-direction:row;justify-content:space-between;cursor:pointer}.openBtn span{margin-left:25px;margin-top:10px;font-size:25px;font-family:Quicksand;font-weight:900;color:#ffaa1f}.openBtn svg{margin-right:25px;margin-top:10px}@media (max-width: 1000px){.ratingSection{width:calc(100% - 40px)}.scroll-btn-left{left:0}.scroll-btn-right{right:0}}@media (max-width: 452px){.wrapper-card-rating{width:100%;min-width:0px}.card-rating{width:98%;min-width:0px}.openBtn{width:98%}}