.landing-container{position:relative;display:flex;flex-direction:column;width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden}.header-logo{position:absolute;width:clamp(48px,12vw,96px);height:clamp(48px,12vw,96px);top:1rem;left:.75rem;z-index:10}.header-logo:hover{cursor:pointer}.header-logo img{border-radius:8px}.lava-lamp-bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(-45deg,rgb(0,145,19),rgb(0,0,0),rgb(0,0,0),rgb(85,0,102));background-size:400% 400%;animation:lava 15s ease infinite}@keyframes lava{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main-content{flex-grow:1;display:flex;flex-direction:column;padding:clamp(16px,4vw,32px);justify-items:center}@media (min-width:1024px){.main-content{flex-direction:row;align-items:center;justify-content:space-between}}.headline-container{z-index:10;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:min(90vw,50rem)}@media (min-width:1024px){.headline-container{width:50%;margin-bottom:0}}.title{font-size:clamp(1.75rem,6.5vw,4em);font-family:fantasy;font-weight:800;color:#fad000;text-shadow:0 3px 1em rgb(255,255,255);transition:transform .5s}.goats-logo{margin-bottom:1em;border:2px solid #fad000}.subtitle{font-size:clamp(1rem,3.8vw,2rem);color:#ffffff;margin-bottom:2rem;transition:color .5s;text-align:center}.cta-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.call-to-action{margin-top:1em;position:relative;padding:clamp(.75rem,2.8vw,1rem) clamp(1.25rem,5vw,2rem);font-size:clamp(1.25rem,6.5vw,2.5rem);color:#fff;background:#000;border:none;border-radius:10px;cursor:pointer;overflow:hidden;z-index:1;transform-origin:center;transition:transform .3s ease}.call-to-action:hover{transform:scale(1.05)}.call-to-action:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(#ff00cc,#00ffff,#ff00cc);animation:spin 10s linear infinite;z-index:0}.call-to-action:after{content:"";position:absolute;inset:2px;background:#000;border-radius:8px;z-index:1}.call-to-action span{position:relative;z-index:2}@keyframes spin{to{transform:rotate(1turn)}}.emoji-grid-container{align-items:center;justify-items:center;display:flex;flex-direction:column;width:100%}.footer{padding:1rem 2rem;border-top:1px solid #e5e7eb;background:linear-gradient(90deg,#000000,#210022)}.footer-text{font-size:clamp(.75rem,2.8vw,.875rem);color:#6b7280}@media (max-width:768px){.main-content{flex-direction:column}.emoji-grid-container,.headline-container{width:100%;margin-bottom:2rem}.cta-container{width:100%}.cta-container>*{width:min(92vw,480px)}.header-logo{top:max(1rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left))}}@media (max-aspect-ratio:9/16){.main-content{flex-direction:column}.emoji-grid-container,.headline-container{width:100%;margin-bottom:2rem}.cta-container{flex-direction:column;align-items:center;justify-content:center}.cta-container>*{width:100%;margin-bottom:1rem}.title{font-size:2em}.subtitle{font-size:1.5rem}.call-to-action{font-size:2rem;padding:.75rem 1.5rem}.footer-text{font-size:.75rem}.header-logo{position:absolute;top:1rem;left:1rem;z-index:10}}