/* AlgoNavi Grundgestaltung v1.0 (22.09.2026) – Schrift Anton lokal, Hintergrund, Funkenspur.
   Wirkt nur, wenn das Skript die Klasse an-basis an <html> setzt (nicht auf Seiten mit eigenen Effekten). */
@font-face{font-family:'Anton';src:url('/fonts/anton-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
html.an-basis{background-color:#050505}
html.an-basis body{background-color:transparent}
.an-bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.an-bg-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(0,200,150,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,200,150,.04) 0%,transparent 50%)}
.an-bg-grid{position:absolute;inset:-2px;background-image:linear-gradient(to right,rgba(0,200,150,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,200,150,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 78%);animation:an-grid-drift 22s linear infinite}
.an-bg-orb{position:absolute;border-radius:50%;filter:blur(90px)}
.an-bg-orb.an-o1{width:460px;height:460px;left:-130px;top:6%;background:radial-gradient(circle,rgba(0,200,150,.18),transparent 70%);animation:an-orb-float 18s ease-in-out infinite}
.an-bg-orb.an-o2{width:560px;height:560px;right:-170px;top:45%;background:radial-gradient(circle,rgba(0,200,150,.12),transparent 70%);animation:an-orb-float 23s ease-in-out infinite reverse}
@keyframes an-grid-drift{to{background-position:64px 64px}}
@keyframes an-orb-float{0%,100%{transform:translate(0,0)}50%{transform:translate(46px,-46px)}}
.an-sparkle{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:5;opacity:.55}
@media (max-width:860px){.an-sparkle{opacity:.42}}
@media (prefers-reduced-motion:reduce){.an-bg-grid,.an-bg-orb{animation:none}.an-sparkle{display:none}}
