@property --card-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes card-border-spin{to{--card-angle:360deg}}@keyframes card-sheen{0%{opacity:0;transform:translate(-140%)skew(-18deg)}6%{opacity:1}20%{opacity:0}to{opacity:0;transform:translate(240%)skew(-18deg)}}@keyframes aurora-drift{0%{background-position:0%}33%{background-position:60% 20%}66%{background-position:40% 80%}to{background-position:0%}}@keyframes base-shift{0%{opacity:1;background-position:0 0,100% 100%}50%{opacity:.82;background-position:40% 30%,60% 70%}to{opacity:1;background-position:0 0,100% 100%}}@keyframes aurora-blob-1{0%{opacity:.55;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(26vw,12vh)scale(1.4)}55%{opacity:.6;transform:translate(10vw,32vh)scale(.85)}80%{opacity:.95;transform:translate(20vw,6vh)scale(1.2)}to{opacity:.55;transform:translate(0)scale(1)}}@keyframes aurora-blob-2{0%{opacity:.5;transform:translate(0)scale(1)}30%{opacity:.95;transform:translate(-24vw,-12vh)scale(1.35)}60%{opacity:1;transform:translate(-8vw,16vh)scale(1.5)}to{opacity:.5;transform:translate(0)scale(1)}}@keyframes aurora-blob-3{0%{opacity:.45;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(16vw,-20vh)scale(1.45)}to{opacity:.45;transform:translate(0)scale(1)}}@keyframes headline-sheen{to{background-position:200%}}@keyframes url-glimmer{to{background-position:220%}}@keyframes url-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes url-glow{0%,to{filter:drop-shadow(0 0 2px #6eb4f040)}50%{filter:drop-shadow(0 0 8px #78bef5bf)}}@keyframes logo-spin{to{transform:rotate(360deg)}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes shimmer-sweep{0%{transform:translate(-100vw)}to{transform:translate(200vw)}}@keyframes node-pulse{0%,to{opacity:1}50%{opacity:.45}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020408;--panel:#0b1729;--border:#ffffff14;--text-primary:#fff;--text-muted:#ffffff7a;--accent-blue:#4a90d9;--accent-gold:#c9a84c;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius:16px}html,body{background:var(--bg);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{z-index:1;min-height:100vh;position:relative}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 24px 0;display:flex;position:relative}.bg-base{pointer-events:none;z-index:0;background:radial-gradient(120% 85% at 50% 0,#0e2c52 0%,#0000 60%) 0 0/160% 160%,#020408 radial-gradient(90% 70% at 75% 110%,#0a1d3a 0%,#0000 62%) 100% 100%/150% 150%;animation:26s ease-in-out infinite base-shift;position:fixed;inset:0}.bg-aurora{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-aurora:before,.bg-aurora:after{content:"";filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.bg-aurora:before{background:radial-gradient(circle,#388ceb80 0%,#286ed22e 38%,#0000 68%);width:58vw;height:58vw;animation:24s ease-in-out infinite aurora-blob-1;top:-14vh;left:-10vw}.bg-aurora:after{background:radial-gradient(circle,#4678e666 0%,#c9a84c29 42%,#0000 68%);width:50vw;height:50vw;animation:30s ease-in-out infinite aurora-blob-2;bottom:-16vh;right:-12vw}.bg-glow{pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(80% 55% at 30% 10%,#4a90d933 0%,#0000 65%),radial-gradient(60% 40% at 75% 80%,#c9a84c1f 0%,#0000 60%),radial-gradient(50% 35% at 85% 20%,#4a90d91f 0%,#0000 55%),radial-gradient(40% 30% at 15% 75%,#785adc1a 0%,#0000 55%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:300% 300%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:22s ease-in-out infinite aurora-drift;position:fixed;inset:0}.bg-glow:after{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#3c87eb4d 0%,#0000 64%);border-radius:50%;width:46vw;height:46vw;animation:21s ease-in-out infinite aurora-blob-3;position:absolute;top:16%;left:28%}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:64px 64px;animation:80s linear infinite grid-drift;position:fixed;inset:0}.bg-diag{pointer-events:none;z-index:0;background:repeating-linear-gradient(-52deg,#0000 0 110px,#4a90d906 110px 111px),repeating-linear-gradient(-52deg,#0000 0 275px,#c9a84c04 275px 276px);position:fixed;inset:0}.bg-shimmer{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-shimmer:before{content:"";background:linear-gradient(90deg,#0000,#4a90d908,#0000);width:220px;height:100%;animation:15s ease-in-out 3.5s infinite shimmer-sweep;position:absolute;top:0;left:0}.bg-nodes{pointer-events:none;z-index:0;background-image:radial-gradient(2px at 48% 12%,#4a90d952 0%,#0000 100%),radial-gradient(1.5px at 53% 8%,#4a90d938 0%,#0000 100%),radial-gradient(1px at 43% 17%,#c9a84c33 0%,#0000 100%),radial-gradient(2px at 12% 28%,#4a90d929 0%,#0000 100%),radial-gradient(1px at 6% 62%,#4a90d91f 0%,#0000 100%),radial-gradient(1.5px at 22% 72%,#c9a84c1a 0%,#0000 100%),radial-gradient(1.5px at 82% 20%,#4a90d92e 0%,#0000 100%),radial-gradient(2px at 90% 48%,#4a90d91f 0%,#0000 100%),radial-gradient(1px at 76% 78%,#c9a84c1a 0%,#0000 100%),radial-gradient(2px at 35% 88%,#4a90d91a 0%,#0000 100%),radial-gradient(1px at 62% 83%,#c9a84c14 0%,#0000 100%),radial-gradient(1px at 55% 42%,#4a90d914 0%,#0000 100%);animation:12s ease-in-out infinite node-pulse;position:fixed;inset:0}.bg-spotlight{pointer-events:none;z-index:0;background:radial-gradient(circle 420px at var(--mx,50%) var(--my,28%), #4a90d91f 0%, #4a90d90d 35%, transparent 70%);transition:background .12s ease-out;position:fixed;inset:0}.bg-vignette{pointer-events:none;z-index:0;background:radial-gradient(90% 80% at 50% 42%,#0000 55%,#010307b3 100%);position:fixed;inset:0}.container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:1080px;padding-bottom:56px;display:flex;position:relative}@keyframes logo-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}}.logo-wrap{justify-content:center;align-items:center;margin-bottom:22px;display:flex;position:relative}.logo-wrap:before{content:"";pointer-events:none;background:conic-gradient(#0000 0%,#4a90d9d9 18%,#0000 38%,#c9a84cb3 60%,#0000 80%,#4a90d999 100%);border-radius:50%;animation:7s linear infinite logo-spin;position:absolute;inset:-13px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1.5px))}.logo-wrap:after{content:"";pointer-events:none;border:1px solid #4a90d92e;border-radius:50%;animation:4s ease-in-out infinite logo-ring-pulse;position:absolute;inset:-22px}.logo{object-fit:contain;filter:drop-shadow(0 0 36px #4a90d96b);z-index:1;border-radius:50%;width:80px;height:80px;display:block;position:relative}.headline{font-family:var(--font-sans);text-align:center;letter-spacing:-.03em;background:linear-gradient(100deg,#fff 0% 38%,#9ed2f5 50%,#fff 62% 100%) 0 0/200%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(2.75rem,6.5vw,4.25rem);font-style:normal;font-weight:700;line-height:1;animation:6.5s linear infinite headline-sheen}.tagline{font-family:var(--font-mono);color:var(--text-muted);text-align:center;letter-spacing:.08em;margin-bottom:0;font-size:.8125rem;font-weight:400}.tagline-sub{font-family:var(--font-sans);color:#ffffff4d;text-align:center;letter-spacing:.12em;text-transform:uppercase;margin-top:8px;margin-bottom:34px;font-size:.8125rem;font-weight:400}.cards{grid-template-columns:repeat(6,1fr);gap:18px;width:100%;display:grid}.card-wrap{border-radius:var(--radius);background:var(--border);grid-column:span 2;padding:1px;position:relative}.card-wrap:before{content:"";border-radius:var(--radius);background:conic-gradient(from var(--card-angle), transparent 0%, var(--accent-gold) 18%, var(--accent-blue) 44%, var(--accent-gold) 70%, transparent 88%);opacity:0;transition:opacity .42s;animation:4s linear infinite card-border-spin;position:absolute;inset:0}.card-wrap:hover:before{opacity:1}.card{z-index:1;background:var(--panel);border-radius:calc(var(--radius) - 1px);height:100%;min-height:0;color:var(--text-primary);flex-direction:column;padding:30px 32px;text-decoration:none;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#4a90d917 0%,#0000 50%,#c9a84c0d 100%);transition:opacity .35s;position:absolute;inset:0}.card:hover:before{opacity:1}.card-sheen{border-radius:inherit;pointer-events:none;z-index:1;will-change:transform, opacity;background:linear-gradient(100deg,#0000 0%,#ffffff0a 42%,#ffffff17 50%,#ffffff0a 58%,#0000 100%);width:55%;animation:8.5s ease-in-out infinite card-sheen;position:absolute;top:0;bottom:0;left:0;transform:translate(-140%)skew(-18deg)}.card-spotlight{border-radius:inherit;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle 200px at var(--spot-x,50%) var(--spot-y,50%), #4a90d933 0%, #4a90d90f 35%, transparent 62%);transition:opacity .3s;position:absolute;inset:0}.card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0c 50%,#0000 100%);width:55%;height:100%;transition:left .72s;position:absolute;top:0;left:-80%}.card:hover:after{left:150%}.card:hover{box-shadow:0 28px 64px #000000a6,0 0 44px #4a90d921,inset 0 0 18px #4a90d912}.card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:4px}.card-top,.card-subtitle,.card-url,.card-desc{z-index:2;position:relative}.card-subtitle{font-family:var(--font-sans);color:#fff9;letter-spacing:-.005em;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.card-label{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.015em;font-size:1.3125rem;font-weight:600;line-height:1.2}.card-arrow{color:var(--text-muted);flex-shrink:0;margin-top:3px;transition:color .22s,transform .22s}.card:hover .card-arrow{color:#8ec5f0;filter:drop-shadow(0 0 6px #4a90d999);transform:translate(3px,-3px)}.card-url{text-align:center;font-family:var(--font-mono);letter-spacing:.03em;background:linear-gradient(100deg,#6db4f0 0%,#bfe0ff 42%,#fff 50%,#bfe0ff 58%,#6db4f0 100%) 0 0/220%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-self:center;margin-top:auto;padding-top:16px;font-size:.7rem;animation:3.6s linear infinite url-glimmer,4.8s ease-in-out infinite url-float,3.6s ease-in-out infinite url-glow}.card-desc{font-family:var(--font-sans);color:var(--text-muted);font-size:.875rem;font-weight:400;line-height:1.5}.footer{font-family:var(--font-sans);color:var(--text-muted);text-align:center;letter-spacing:.04em;pointer-events:none;z-index:10;background:linear-gradient(#0000,#020408d9 38%);padding:12px 0 14px;font-size:.75rem;font-weight:400;position:fixed;bottom:0;left:0;right:0}@media (width<=900px){.page{padding:44px 20px 0}.logo{width:76px;height:76px}.logo-wrap{margin-bottom:24px}.tagline-sub{margin-bottom:44px}.cards{grid-template-columns:repeat(2,1fr);gap:16px}.card-wrap,.card-wrap:nth-child(4),.card-wrap:nth-child(5){grid-column:auto}.card-wrap:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:100%;max-width:calc(50% - 8px)}.container{padding-bottom:130px}}@media (width<=540px){.cards{grid-template-columns:1fr}.card-wrap:last-child:nth-child(odd){grid-column:auto;justify-self:auto;max-width:none}.card{min-height:160px;padding:34px 30px}.container{padding-bottom:100px}}@media (prefers-reduced-motion:reduce){.bg-base,.bg-glow,.bg-glow:after,.bg-aurora:before,.bg-aurora:after,.bg-grid,.bg-shimmer:before,.bg-nodes,.card-wrap:before,.card-sheen,.logo-wrap:before,.logo-wrap:after,.headline,.card-url{animation:none}.card-sheen,.bg-spotlight{display:none}.card,.card:before,.card:after,.card-arrow,.card-spotlight{transition:none}}@media (pointer:fine){body,body a,body button,body .img-card,body input,body textarea,body select,body [data-hover]{cursor:none}}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{border:1px solid #fff;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),margin .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.2,.7,.2,1)}.cursor-ring--hover{background:#ffffff14;width:60px;height:60px;margin:-30px 0 0 -30px}
