.site-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#1a0838 0%,#0000 60%),linear-gradient(#07031a 0%,#05020d 55%,#030108 100%);position:fixed;inset:0;overflow:hidden}.site-bg__aurora{will-change:transform;mix-blend-mode:screen;border-radius:50%;position:absolute}.site-bg__aurora--1{background:radial-gradient(circle,#8b34f68c 0%,#8b34f61f 40%,#0000 68%);width:75vmax;height:75vmax;animation:18s ease-in-out infinite alternate auroraA;top:-30vmax;left:-25vmax}.site-bg__aurora--2{background:radial-gradient(circle,#ec48996b 0%,#ec48991a 42%,#0000 68%);width:65vmax;height:65vmax;animation:22s ease-in-out infinite alternate auroraB;top:10vh;right:-30vmax}.site-bg__aurora--3{background:radial-gradient(circle,#22d3ee42 0%,#3b82f614 45%,#0000 68%);width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate auroraC;bottom:-30vmax;left:-10vmax}.site-bg__aurora--4{background:radial-gradient(circle,#fb923c2e 0%,#0000 65%);width:45vmax;height:45vmax;animation:30s ease-in-out infinite alternate auroraD;top:35vh;left:30vw}@keyframes auroraA{0%{transform:translate(0,0)scale(1)}50%{transform:translate(12vw,10vh)scale(1.15)}to{transform:translate(-4vw,18vh)scale(.95)}}@keyframes auroraB{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-14vw,-8vh)scale(1.2)}to{transform:translate(-6vw,14vh)scale(1.05)}}@keyframes auroraC{0%{transform:translate(0,0)scale(1.1)}50%{transform:translate(18vw,-12vh)scale(.9)}to{transform:translate(30vw,-4vh)scale(1.2)}}@keyframes auroraD{0%{transform:translate(0,0)scale(.9)}to{transform:translate(-20vw,25vh)scale(1.3)}}.site-bg__stars{width:100%;height:100%;position:absolute;inset:0}.site-bg__noise{opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:absolute;inset:0}.site-bg__vignette{background:radial-gradient(at 50% 40%,#0000 45%,#020006bf 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.site-bg__aurora{animation:none}}
.hero{isolation:isolate;flex-direction:column;align-items:center;width:100%;padding:clamp(20px,3vw,36px) 0 clamp(20px,2.5vw,32px);display:flex;position:relative;overflow:hidden}@keyframes heroFade{0%{opacity:0}}.emblem{aspect-ratio:720/572;width:clamp(300px,34vw,460px);animation:7s ease-in-out 1.4s infinite emblemFloat;position:relative}.emblem__glow{z-index:-1;background:radial-gradient(at 50% 45%,#ff1e3c6b 0%,#a0002829 40%,#0000 68%);animation:4.5s ease-in-out infinite glowBreath,1.6s ease-out both heroFade;position:absolute;inset:-22%}.emblem__tilt{transform:perspective(900px) rotateY(calc(var(--px,0) * 12deg)) rotateX(calc(var(--py,0) * -10deg));transition:transform .4s ease-out;position:absolute;inset:0}.emblem__screen{transform-origin:50% 46%;animation:1.3s cubic-bezier(.2,.9,.3,1) both crtOn;position:absolute;inset:0;overflow:hidden;-webkit-mask:radial-gradient(70% 72% at 50% 44%,#000 58%,#0000 100%);mask:radial-gradient(70% 72% at 50% 44%,#000 58%,#0000 100%)}.emblem__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.emblem__img:first-child{animation:9s step-end 2s infinite crtFlicker}.emblem__img--c,.emblem__img--r{opacity:0;mix-blend-mode:screen}.emblem__img--c{filter:hue-rotate(185deg)saturate(2.2)brightness(1.2);animation:6.5s step-end 4.5s infinite glitchA}.emblem__img--r{filter:saturate(2)brightness(1.4);animation:6.5s step-end 4.5s infinite glitchB}.emblem__eye{aspect-ratio:1;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#ffd2d2e6 0%,#ff32468c 22%,#ff002826 50%,#0000 70%);border-radius:50%;width:26%;animation:3.2s ease-in-out 1.3s infinite eyePulse;position:absolute;top:43.5%;left:50%;transform:translate(-50%,-50%)}.emblem__scan{pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px);position:absolute;inset:0}.emblem__roll{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(#0000,#ff788224 50%,#0000);height:22%;animation:5.5s linear infinite crtRoll;position:absolute;top:0;left:0;right:0}@keyframes crtOn{0%{opacity:0;filter:brightness(4);transform:scale(1.1,.006)}30%{opacity:1;filter:brightness(4);transform:scale(1.04,.006)}55%{filter:brightness(1.8);transform:scaleY(1.06)}75%{filter:brightness(1.2);transform:scaleY(.98)}to{opacity:1;filter:none;transform:none}}@keyframes crtFlicker{0%,40%{opacity:1}41%{opacity:.72}42%,77%{opacity:1}78%{opacity:.85}79%{opacity:.6}80%,to{opacity:1}}@keyframes crtRoll{0%{transform:translateY(-100%)}to{transform:translateY(560%)}}@keyframes eyePulse{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(.85)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.1)}}@keyframes glowBreath{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes emblemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__grid{z-index:-2;transform-origin:50% 100%;background-image:linear-gradient(#ff3c5a80 1px,#0000 1px),linear-gradient(90deg,#ff3c5a61 1px,#0000 1px);background-position:50% 0;background-size:44px 44px;height:38%;animation:1.6s linear infinite gridMove,1.4s ease-out both heroFade;position:absolute;bottom:0;left:-50%;right:-50%;transform:perspective(240px)rotateX(62deg);-webkit-mask:linear-gradient(#0000 0%,#000 30% 65%,#0000 100%);mask:linear-gradient(#0000 0%,#000 30% 65%,#0000 100%)}.hero__grid:before{content:"";background:linear-gradient(90deg,#0000,#ff2d4a 30%,#ffb3a7 50%,#ff2d4a 70%,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px 4px #ff2d4a8c}@keyframes gridMove{to{background-position:50% 44px}}.hero__title{font-family:var(--font-display), "Arial Black", sans-serif;letter-spacing:0;perspective:600px;-webkit-user-select:none;user-select:none;justify-content:center;gap:.04em;margin:-.42em 0 0;font-size:clamp(3rem,14vw,6.75rem);font-weight:900;line-height:1;display:flex;position:relative}.hero__char{animation:1.1s cubic-bezier(.2,.9,.25,1) both charIn;animation-delay:calc(var(--i) * 90ms + .7s);display:inline-block}.hero__float{animation:4.2s ease-in-out infinite charFloat;animation-delay:calc(var(--i) * -.55s);display:inline-block;position:relative}.hero__glyph{display:block}.hero__glyph--main{background:linear-gradient(#fff 0%,#ffd6dc 28%,#ff5a72 58%,#c3112f 82%,#6d0418 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.hero__glyph--glow,.hero__glyph--shine,.hero__glyph--g1,.hero__glyph--g2{pointer-events:none;position:absolute;inset:0}.hero__glyph--glow{color:#ff1f45;filter:blur(16px);opacity:.6;animation:3.6s ease-in-out infinite glowPulse;animation-delay:calc(var(--i) * .2s)}.hero__glyph--shine{background:linear-gradient(110deg,#0000 38%,#fffffff2 50%,#0000 62%) 150% 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;animation:5.5s ease-in-out infinite shine;animation-delay:calc(var(--i) * 90ms + 2s);-webkit-background-clip:text;background-clip:text}.hero__glyph--g1,.hero__glyph--g2{opacity:0;mix-blend-mode:screen}.hero__glyph--g1{color:#22d3ee;animation:7s step-end 2.2s infinite glitchA}.hero__glyph--g2{color:#ff2d4a;animation:7s step-end 2.2s infinite glitchB}@keyframes charIn{0%{opacity:0;filter:blur(14px);transform:translateY(.45em)rotateX(75deg)scale(.6)}to{opacity:1;filter:none;transform:none}}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.05em)}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes shine{0%{background-position:150% 0}35%,to{background-position:-50% 0}}@keyframes glitchA{0%,88%{opacity:0;clip-path:none;transform:none}89%{opacity:.9;clip-path:inset(12% 0 58%);transform:translate(-.04em,.01em)}91%{opacity:.9;clip-path:inset(62% 0 8%);transform:translate(.05em)}93%{opacity:.8;clip-path:inset(35% 0 40%);transform:translate(-.02em,-.01em)}95%,to{opacity:0;clip-path:none;transform:none}}@keyframes glitchB{0%,88%{opacity:0;clip-path:none;transform:none}89%{opacity:.85;clip-path:inset(55% 0 20%);transform:translate(.04em,-.01em)}91%{opacity:.85;clip-path:inset(8% 0 70%);transform:translate(-.05em,.01em)}93%{opacity:.7;clip-path:inset(40% 0 30%);transform:translate(.03em)}95%,to{opacity:0;clip-path:none;transform:none}}.hero__sub{font-family:var(--font-mono), monospace;color:#ffd6dce0;text-shadow:0 0 12px #ff2d4ad9;align-items:center;gap:.9rem;margin-top:clamp(.5rem,1.2vw,.9rem);font-size:clamp(.7rem,1.5vw,.95rem);font-weight:700;animation:1s ease-out 1.4s both heroFade;display:flex}.hero__sub-text{letter-spacing:.7em;padding-left:.7em}.hero__line{transform-origin:100%;background:linear-gradient(90deg,#0000,#ff2d4a);width:clamp(36px,8vw,90px);height:1px;animation:1s cubic-bezier(.2,.9,.25,1) 1.5s both lineGrow;display:block}.hero__line--r{transform-origin:0;background:linear-gradient(90deg,#ff2d4a,#0000)}@keyframes lineGrow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.hero,.hero *{animation:none!important}}
@property --cat-a{syntax:"<angle>";inherits:false;initial-value:0deg}.cat{width:100%}.cat[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(48px)scale(.96)}.cat[data-reveal][data-shown]{opacity:1;transform:none}.cat__card{background:radial-gradient(120% 70% at 0% 0%, rgba(var(--c-rgb), .14), transparent 55%), #090613db;box-shadow:0 30px 60px -30px rgba(var(--c-rgb), .45), 0 0 0 1px #ffffff0f, inset 0 1px 0 #ffffff12;isolation:isolate;border-radius:26px;padding:22px 18px 18px;position:relative}.cat__card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--cat-a), transparent 0deg 200deg, var(--c1) 260deg, var(--c2) 300deg, transparent 340deg 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:1.5px;animation:7s linear infinite catSpin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes catSpin{to{--cat-a:360deg}}.cat__spot{border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%), rgba(var(--c-rgb), .16), transparent 60%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.cat__title{font-family:var(--font-mono), monospace;text-transform:uppercase;align-items:center;gap:12px;margin:0 4px 18px;padding-bottom:14px;font-weight:700;display:flex;position:relative}.cat__title:after{content:"";background:linear-gradient(90deg, var(--c1), var(--c2) 40%, transparent);opacity:.6;transform-origin:0;height:1px;transition:transform 1s cubic-bezier(.2,.8,.2,1) .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.cat[data-shown] .cat__title:after{transform:none}.cat__index{letter-spacing:.1em;color:var(--c1);background:rgba(var(--c-rgb), .12);box-shadow:inset 0 0 0 1px rgba(var(--c-rgb), .35);border-radius:8px;padding:4px 7px;font-size:.72rem}.cat__name{letter-spacing:.2em;background:linear-gradient(90deg, #fff 0%, var(--c1) 55%, var(--c2) 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 10px rgba(var(--c-rgb), .45));-webkit-background-clip:text;background-clip:text;font-size:clamp(.92rem,3.6vw,1.05rem)}.cat__count{text-align:center;color:#fff9;background:#ffffff0d;border-radius:999px;min-width:26px;margin-left:auto;padding:3px 8px;font-size:.7rem}.cat__links{flex-direction:column;gap:10px;display:flex}.cat[data-shown] .lnk{animation:.6s cubic-bezier(.2,.8,.2,1) both lnkIn;animation-delay:calc(var(--li) * 55ms + .2s)}.cat[data-reveal]:not([data-shown]) .lnk{opacity:0}@keyframes lnkIn{0%{opacity:0;transform:translate(-18px)}}.lnk{color:#ffffffeb;-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:11px 14px 11px 11px;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.lnk:after{content:"";background:linear-gradient(105deg, transparent 30%, #ffffff1a 48%, rgba(var(--c-rgb), .12) 52%, transparent 70%);animation:8s ease-in-out infinite lnkSweep;animation-delay:calc(var(--li) * .28s + 1.6s);pointer-events:none;position:absolute;inset:0;transform:translate(-110%)}@keyframes lnkSweep{0%{transform:translate(-110%)}18%,to{transform:translate(110%)}}.lnk__emoji{background:rgba(var(--c-rgb), .1);width:40px;height:40px;box-shadow:inset 0 0 0 1px rgba(var(--c-rgb), .22);border-radius:12px;flex:none;place-items:center;font-size:1.3rem;line-height:1;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}.lnk__name{letter-spacing:.03em;overflow-wrap:anywhere;min-width:0;font-size:.95rem;font-weight:600}.lnk__arrow{width:18px;height:18px;color:var(--c1);opacity:.55;flex:none;margin-left:auto;transition:transform .25s,opacity .25s}.lnk:active{background-color:rgba(var(--c-rgb), .16);border-color:rgba(var(--c-rgb), .55);transform:scale(.975)}.lnk:focus-visible{outline:2px solid var(--c1);outline-offset:3px}.lnk--featured{background:linear-gradient(120deg, rgba(var(--c-rgb), .3), rgba(var(--c-rgb), .07) 60%), #0c0818e6;border-color:#0000;padding-block:14px}.lnk--featured:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--c1), var(--c2), var(--c1), var(--c2));-webkit-mask-composite:xor;pointer-events:none;background-size:300% 100%;padding:1.5px;animation:4s linear infinite featBorder;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lnk--featured .lnk__name{color:#fff;text-shadow:0 0 14px rgba(var(--c-rgb), .7);font-weight:700}.lnk--featured .lnk__emoji{background:linear-gradient(135deg, var(--c1), var(--c2));box-shadow:0 0 18px rgba(var(--c-rgb), .6)}.lnk--featured .lnk__arrow{opacity:1;color:#fff}.cat[data-shown] .lnk--featured,.cat:not([data-reveal]) .lnk--featured{animation:.6s cubic-bezier(.2,.8,.2,1) .2s both lnkIn,2.8s ease-in-out 1s infinite featPulse}@keyframes featBorder{to{background-position:300% 0}}@keyframes featPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--c-rgb), 0), 0 8px 24px -12px rgba(var(--c-rgb), .6)}50%{box-shadow:0 0 0 4px rgba(var(--c-rgb), .12), 0 10px 34px -8px rgba(var(--c-rgb), .85)}}@media (hover:hover) and (pointer:fine){.cat[data-reveal]{filter:blur(10px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .8s}.cat[data-reveal][data-shown]{filter:none}.cat__card{background:radial-gradient(120% 70% at 0% 0%, rgba(var(--c-rgb), .14), transparent 55%), #090613b3;-webkit-backdrop-filter:blur(14px)saturate(140%)}.cat__card:hover .cat__spot{opacity:1}.lnk:hover{border-color:rgba(var(--c-rgb), .5);background-color:rgba(var(--c-rgb), .09);box-shadow:0 14px 30px -14px rgba(var(--c-rgb), .8);transform:translateY(-2px)}.lnk:hover .lnk__emoji{transform:scale(1.12)rotate(-6deg)}.lnk:hover .lnk__arrow{opacity:1;transform:translate(3px,-3px)}}@media (prefers-reduced-motion:reduce){.cat[data-reveal]{opacity:1;filter:none;transition:none;transform:none}.cat[data-reveal]:not([data-shown]) .lnk{opacity:1}.cat__title:after{transition:none;transform:none}.cat__card:before,.lnk,.lnk:after,.lnk--featured,.lnk--featured:before,.cat[data-shown] .lnk,.cat[data-shown] .lnk--featured{animation:none!important}}
