.hero{background-color:var(--base-100);width:100%;height:100svh;max-height:100svh;position:relative;overflow:hidden}.hero .container{justify-content:center;align-items:flex-end;display:flex}.hero .container .hero-content-main{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:65%;height:100%;display:flex}.hero .container .hero-content-main .hero-footer{z-index:2;flex-direction:column;align-items:center;gap:1rem;width:50%;display:flex}.hero .container .hero-content-main .hero-footer p.mn{color:var(--base-300)}.hero .container{width:100%;padding:2rem;position:absolute;bottom:0;left:0}.hero .container div{justify-content:space-between;align-items:flex-end;display:flex}canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero .container .hero-header{z-index:1;flex-direction:column;align-items:center;gap:1rem;display:flex}.hero-socials{justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.hero-socials a{color:var(--base-400);transition:color .3s,transform .3s;display:flex}.hero-socials a:hover{color:var(--base-500);transform:scale(1.1)}.mobile-only{display:none!important}.hero .container .hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}@media (max-width:1000px){.desktop-only{display:none!important}.mobile-only{margin-top:1rem;margin-bottom:1rem;display:flex!important}.hero .container .hero-content-main{justify-content:flex-start;gap:1rem;width:100%;padding-top:10svh}.hero .container .hero-content-main .hero-footer{justify-content:flex-start;gap:1rem;width:100%}.hero .container .hero-actions{flex-direction:column;justify-content:center;align-items:center;width:max-content;display:flex;position:absolute;bottom:12svh;left:50%;transform:translate(-50%)}}.hero-actions .linktree-button{color:#fff!important;background-color:#000!important;border-color:#000!important}.hero-actions .linktree-button:hover{color:#fff!important;background-color:#c60!important;border-color:#c60!important}
.linktree-button{background-color:var(--base-400);border:1px solid var(--base-400);width:100%;color:var(--base-100);text-transform:uppercase;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:1.2rem 2rem;font-family:Big Shoulders Display,sans-serif;font-size:1.1rem;font-weight:900;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.linktree-button.glow{animation:3s ease-in-out infinite soft-pulse}@keyframes soft-pulse{0%{box-shadow:0 0 #c600}50%{box-shadow:0 0 20px 8px #c609}to{box-shadow:0 0 #c600}}.linktree-button:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:4s ease-in-out infinite glare;position:absolute;top:0;left:-150%;transform:skew(-20deg)}@keyframes glare{0%{left:-150%}15%{left:150%}to{left:150%}}.linktree-button:hover{background-color:var(--base-100);color:var(--base-400);transform:scale(1.02)}.linktree-button .button-label{z-index:2;will-change:transform;text-align:center;display:inline-block;position:relative}.linktree-button .line{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative;transform:translateY(100%)}@media (max-width:1000px){.linktree-button{padding:1.25rem 2rem;font-size:1.1rem}}