.hero{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background-image:url('https://pub-850dd8e7456345ae931279799f20874f.r2.dev/backgrounds/crab-nebula-home.webp');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-overlay::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--as-bg-dark) 0,transparent 10%,transparent 90%,var(--as-bg-dark) 100%)}.hero-overlay::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(4,7,15,0.85) 100%)}.hero-content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;padding-top:var(--as-hero-padding-top)}.hero-title{font-family:var(--as-title-font);font-size:var(--as-title-size);letter-spacing:var(--as-title-spacing);line-height:var(--as-title-line-height);background:linear-gradient(180deg,#f7ddc0 0,#eeb2c8 16%,#de70b0 33%,#9b5ec4 50%,#de70b0 66%,#eeb2c8 83%,#f7ddc0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0 auto;filter:var(--as-filter-dark)}.hero-subtitle{font-family:var(--as-subtitle-font);font-weight:var(--as-subtitle-weight);font-size:var(--as-subtitle-size);letter-spacing:var(--as-subtitle-spacing);line-height:var(--as-subtitle-line-height);background:linear-gradient(180deg,#f7ddc0 0,#eeb2c8 16%,#de70b0 33%,#9b5ec4 50%,#de70b0 66%,#eeb2c8 83%,#f7ddc0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-top:var(--as-subtitle-gap);filter:var(--as-filter-dark)}.hero-intro{font-family:'Share Tech Mono',monospace;font-size:clamp(1.1rem,1.7vw,1.35rem);color:#fff;letter-spacing:.02em;line-height:1.9;max-width:56rem;text-align:center;margin:2rem auto 0;position:relative;z-index:1;text-shadow:var(--as-text-shadow-dark),0 0 22px rgba(var(--as-black-rgb),0.6)}.hero-intro::before{content:'';position:absolute;inset:-2rem -3rem;background:radial-gradient(ellipse at center,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 40%,rgba(0,0,0,0) 70%);z-index:-1;pointer-events:none}.hv-grid{display:flex;align-items:start;gap:10px;width:calc(100% - 0.25rem);margin:3.5rem auto 0}.hv-col{flex:1 1 0;min-width:0;text-align:center;padding:28px 18px 28px;border:4px solid;border-image:linear-gradient(90deg,#fff 0,#f7c8dc 30%,#e070b0 60%,#a060c8 100%) 1;border-radius:0;background:var(--as-box-bg-solid);cursor:pointer;transition:box-shadow .4s ease,opacity .4s ease}.hv-col:hover{box-shadow:0 0 16px rgba(247,200,220,0.30),0 0 36px rgba(160,96,200,0.18)}.hv-col .hv-row-title{font-family:var(--as-title-font);font-size:clamp(0.8rem,1.15vw,1.05rem);letter-spacing:var(--as-title-spacing);line-height:1.3;background:linear-gradient(90deg,#fff 0,#f7c8dc 50%,#e070b0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:var(--as-filter-dark-light);margin-bottom:.35rem}.hv-col .hv-row-sub{font-family:var(--as-subtitle-font);font-weight:var(--as-subtitle-weight);font-size:clamp(0.6rem,0.85vw,0.85rem);letter-spacing:var(--as-subtitle-spacing);line-height:1.4;text-transform:uppercase;background:linear-gradient(90deg,#f0a868 0,#e070b0 50%,#a060c8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:var(--as-filter-dark-light)}.hv-col.expanded{flex:0 0 clamp(280px,40vw,720px);min-height:400px;max-height:400px;height:400px;overflow:visible;padding:22px 24px;cursor:default;position:relative}.hv-col.expanded .hv-row-title{font-size:clamp(1.5rem,2.6vw,2.1rem)}.hv-col.expanded .hv-row-sub{font-size:clamp(1.1rem,1.7vw,1.5rem)}.hv-row-body{font-family:var(--as-body-font);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7;color:rgba(255,255,255,0.85);text-shadow:var(--as-text-shadow-dark);padding-top:2.2rem}.hv-col.expanded{overflow:visible;position:relative}.hv-slide-wrap{overflow:hidden}.hv-col.expanded .hv-slide-wrap{transition:transform .4s ease,opacity .4s ease}.hv-slide-out{transform:translateX(-100%);opacity:0}.hv-slide-in-prep{transform:translateX(100%);opacity:0;transition:none !important}.hv-slide-in{transform:translateX(0);opacity:1}.hv-fade{opacity:0;transition:opacity .3s ease}.hv-visible{opacity:1;transition:opacity .3s ease}.hv-arrows{position:absolute;bottom:-80px;right:25%;transform:translateX(50%)}.hv-arrow{height:55px;width:auto;cursor:pointer;image-rendering:pixelated;animation:arrow-strobe 1.2s ease-in-out infinite}@keyframes arrow-strobe{0%,100%{filter:var(--as-filter-dark)}50%{filter:var(--as-filter-dark) brightness(3) saturate(0)}}.hv-arrow:hover{animation:none;filter:var(--as-filter-dark) brightness(3) saturate(0);transform:scale(1.1);transition:transform .2s}.hv-arrow.hidden{visibility:hidden;pointer-events:none}.hv-col.active-indicator{border-image:linear-gradient(90deg,#fff 0,#f7c8dc 30%,#e070b0 60%,#a060c8 100%) 1;box-shadow:0 0 12px rgba(247,200,220,0.40),0 0 28px rgba(160,96,200,0.25)}@media(max-width:900px){.hv-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.hv-col{grid-row:auto;grid-template-rows:auto auto auto}.hv-col.expanded{grid-column:1 / -1}.hv-arrows{grid-column:1 / -1}}@media(max-width:480px){.hv-grid{grid-template-columns:1fr}}.site-nav::before{content:'';position:absolute;inset:0;background-image:url('https://pub-850dd8e7456345ae931279799f20874f.r2.dev/backgrounds/crab-nebula-home.webp');background-size:cover;background-position:center top;opacity:.35;z-index:-2}.site-nav::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,15,0.55) 0,rgba(4,7,15,0.85) 100%);z-index:-1}.nav-logo,.nav-link{font-size:var(--as-nav-size);letter-spacing:var(--as-nav-spacing)}.nav-logo,.nav-links .nav-link,.nav-auth-link{background:linear-gradient(90deg,#fff 0,#f7c8dc 22%,#e070b0 48%,#a060c8 72%,#f0a868 100%) fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;filter:drop-shadow(0 0 3px rgba(4,7,15,0.9)) drop-shadow(0 0 6px rgba(4,7,15,0.7));transition:filter .2s}.nav-logo:hover,.nav-links .nav-link:hover,.nav-auth-link:hover{filter:drop-shadow(0 0 3px rgba(4,7,15,0.9)) drop-shadow(0 0 10px rgba(247,200,220,0.6)) drop-shadow(0 0 20px rgba(240,168,104,0.4))}