@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,600;0,9..40,700;1,9..40,400&family=Noto+Color+Emoji&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,Noto Color Emoji,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#daf1f2}::-webkit-scrollbar-thumb{background:#6ac300;border-radius:4px;border:2px solid #0d1b2a}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bloop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fu1{animation:fadeUp .7s ease both}.fu2{animation:fadeUp .7s ease .15s both}.fu3{animation:fadeUp .7s ease .3s both}.fu4{animation:fadeUp .7s ease .45s both}.pop{animation:popIn .65s cubic-bezier(.34,1.56,.64,1) .45s both}.float-it{animation:float 5s ease-in-out infinite}.spin-slow{animation:spin 20s linear infinite;transform-origin:73px 73px}.bloop{animation:bloop 2.6s ease-in-out infinite}.wiggling{animation:wiggle .55s ease-in-out}.scribble{stroke-dasharray:600;stroke-dashoffset:600;animation:dash 1.3s ease .9s forwards}.host-card{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;cursor:pointer}.host-card:hover{transform:translateY(-10px) rotate(1deg) scale(1.02)}.host-card.on{transform:translateY(-12px) scale(1.04)!important}.spotify-btn{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.spotify-btn:hover{transform:scale(1.06) rotate(-1deg);box-shadow:7px 7px 0 #0d1b2a!important}.nav-link{transition:color .15s}.nav-link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}@media (max-width:680px){.host-grid{grid-template-columns:1fr!important}.cta-row{flex-direction:column!important;align-items:stretch!important}.nav-links{display:none!important}}.cs-cup{animation:bloop 3s ease-in-out infinite;display:inline-block}.cs-pulse{animation:bloop 2s ease-in-out infinite}.cs-ticker{animation:marquee 16s linear infinite}.dev-btn{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border-radius:50px;border:2px solid rgba(218,241,242,.2);background:transparent;color:rgba(218,241,242,.5);cursor:pointer;transition:all .2s ease}.dev-btn:hover{border-color:#55d9d2;color:#55d9d2}.pw-input{width:100%;background:rgba(218,241,242,.06);border:1.5px solid rgba(218,241,242,.15);border-radius:10px;padding:12px 16px;color:#daf1f2;font-family:DM Sans,sans-serif;font-size:.95rem;outline:none;transition:border-color .2s ease}.pw-input:focus{border-color:#6ac300}.pw-input::placeholder{color:rgba(218,241,242,.25)}.pw-submit{width:100%;margin-top:12px;padding:12px;border-radius:50px;background:#6ac300;border:none;color:#0d1b2a;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:opacity .2s ease}.pw-submit:hover{opacity:.85}@keyframes wave{0%,to{transform:rotate(0deg)}20%{transform:rotate(20deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(20deg)}80%{transform:rotate(-5deg)}}.wave-hand:hover{animation:wave .8s ease}