@font-face{font-family:"Orbitron";font-weight:500;font-style:normal;font-display:swap;src:url(/img/fonts/orbitron-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Orbitron";font-weight:700;font-style:normal;font-display:swap;src:url(/img/fonts/orbitron-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Orbitron";font-weight:900;font-style:normal;font-display:swap;src:url(/img/fonts/orbitron-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:400;font-style:normal;font-display:swap;src:url(/img/fonts/exo-2-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:600;font-style:normal;font-display:swap;src:url(/img/fonts/exo-2-latin-600-normal.woff2) format("woff2")}
:root{--display:"Orbitron","Eurostile","Segoe UI",sans-serif;--body:"Exo 2","Segoe UI",system-ui,sans-serif}
html{background:#050505}
/* Hintergrund */
.bg{
  position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  background:radial-gradient(ellipse 90% 70% at 50% 40%,#1a1c20 0%,#0e0f11 55%,#050506 100%);
}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.aurora i:nth-child(1){width:55vmax;height:55vmax;left:-14vmax;top:-20vmax;opacity:.55;background:radial-gradient(circle,rgba(150,160,172,.55),transparent 65%);animation:d1 30s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:50vmax;height:50vmax;right:-16vmax;top:8vh;opacity:.5;background:radial-gradient(circle,rgba(88,90,96,.6),transparent 65%);animation:d2 36s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:46vmax;height:46vmax;left:22%;bottom:-24vmax;opacity:.4;background:radial-gradient(circle,rgba(128,119,108,.5),transparent 65%);animation:d3 42s ease-in-out infinite alternate}
@keyframes d1{to{transform:translate3d(14vmax,10vmax,0) scale(1.15)}}
@keyframes d2{to{transform:translate3d(-12vmax,14vmax,0) scale(.9)}}
@keyframes d3{to{transform:translate3d(-16vmax,-8vmax,0) scale(1.2)}}
.dots{
  position:absolute;inset:0;
  background:radial-gradient(rgba(205,206,210,.2) 1px,transparent 1.6px) 0 0/34px 34px;
  -webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000,transparent 85%);
  mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000,transparent 85%);
}
#net{position:absolute;inset:0;width:100%;height:100%}
.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.88))}