:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#030914;color:#e4efff;font-family:Arial,Helvetica,sans-serif}.introStage{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column}.introAtmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#082f605e,transparent 58%),linear-gradient(#020711,#041120 60%,#020711)}.introTop,.introBottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 4.5%;font-size:10px;letter-spacing:.13em;color:#738fae}.introTop>a{color:#9bc8f8;text-decoration:none;border:1px solid #284563;border-radius:5px;padding:11px 14px;font-size:10px;letter-spacing:.03em}.introTop>a span{margin-left:15px}.introTop b{font-weight:400;margin-left:10px;color:#3e638a}.introContent{position:relative;z-index:1;text-align:center;padding:15px 20px 30px;margin:auto;width:100%;max-width:1100px}.logoStage{position:relative;margin:0 auto 27px;width:clamp(175px,24vh,255px);aspect-ratio:1;display:grid;place-items:center}.logoStage img{position:relative;width:84%;height:auto;object-fit:contain;filter:drop-shadow(0 0 22px #078bff70);animation:logoEntrance 1.8s ease-out both}.logoHalo{position:absolute;inset:-30%;background:radial-gradient(ellipse,#0785ff29,transparent 66%);animation:breathe 6s ease-in-out infinite}.orbit{position:absolute;inset:-8%;border:1px solid #247abd4d;border-radius:50%;box-shadow:0 0 40px #0064bc12}.orbit:after{content:'';position:absolute;top:10%;left:17%;width:5px;height:5px;border-radius:50%;background:#6bbcff;box-shadow:0 0 18px #1689ff}.orbitOne{border-top-color:#47a5ff;animation:rotate 28s linear infinite}.orbitTwo{inset:-17%;border-style:dashed;border-color:#1a44653b;animation:rotate 42s linear infinite reverse}.introKicker{display:block;color:#569ad7;font-size:9px;letter-spacing:.24em;margin-bottom:17px;animation:entrance 1.2s .25s both}.introContent h1{font-size:clamp(34px,5.3vw,75px);letter-spacing:-.055em;line-height:1.03;font-weight:500;margin:0;animation:entrance 1.3s .45s both}.introContent h1 strong{font-weight:800;color:#359bfd;background:linear-gradient(100deg,#2479e3,#86c9ff,#2479e3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.introContent>p{font-size:15px;color:#819dbb;letter-spacing:.04em;margin:21px 0 28px;animation:entrance 1.3s .65s both}.enterClub{display:inline-flex;align-items:center;gap:28px;border:1px solid #4da7fb;border-radius:5px;background:linear-gradient(120deg,#1264b9,#2287e2);color:#eaf5ff;text-decoration:none;padding:16px 23px;font-size:12px;font-weight:650;box-shadow:0 10px 45px #0677e62b;transition:transform .2s,box-shadow .2s}.enterClub:hover{transform:translateY(-2px);box-shadow:0 8px 40px #1082eb66}.enterClub span{font-size:19px}.introAuto{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:10px;color:#6986a4;min-height:22px}.introAuto button{background:transparent;border:0;border-bottom:1px solid #34506e;color:#98b6d6;cursor:pointer;font-size:10px;padding:3px}.introProgress{width:180px;height:2px;background:#16324e;margin:13px auto 0;overflow:hidden}.introProgress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#459fff;box-shadow:0 0 12px #2698ff}.introBottom{font-size:8px;border-top:1px solid #17314b55;margin-top:16px}.introBottom i{font-style:normal;color:#2e86d8;margin:0 16px}.aurora{position:absolute;left:-25%;width:150%;height:40%;filter:blur(60px);opacity:.3;transform:rotate(-18deg);background:radial-gradient(ellipse,#0e73caa1,transparent 65%);animation:drift 18s ease-in-out infinite alternate}.auroraOne{top:17%}.auroraTwo{top:44%;animation-delay:-8s;transform:rotate(20deg);opacity:.16}.introGrid{position:absolute;inset:70% -50% -40%;background-image:linear-gradient(#2050852b 1px,transparent 1px),linear-gradient(90deg,#2050852b 1px,transparent 1px);background-size:90px 70px;transform:perspective(400px) rotateX(55deg);mask-image:linear-gradient(transparent,#000 60%);opacity:.5}.horizon{position:absolute;bottom:14%;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#0d6bba66,transparent);box-shadow:0 0 40px #037bff55}.energy{position:absolute;inset:0;width:100%;height:100%;opacity:.18;filter:drop-shadow(0 0 8px #148ffb);animation:energyReveal 3s ease-out both}.energy path{fill:none;stroke:#3b9bf6;stroke-width:1.5;stroke-dasharray:1500;stroke-dashoffset:0}.dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#3796dc;box-shadow:0 0 13px #3796dc;animation:float 14s linear infinite;opacity:0}.dust i:nth-child(1){left:15%;top:80%}.dust i:nth-child(2){left:28%;top:68%;animation-delay:-3s}.dust i:nth-child(3){left:77%;top:90%;animation-delay:-8s}.dust i:nth-child(4){left:88%;top:68%;animation-delay:-1s}.dust i:nth-child(5){left:63%;top:75%;animation-delay:-11s}.dust i:nth-child(6){left:8%;top:51%;animation-delay:-5s}.dust i:nth-child(7){left:42%;top:93%;animation-delay:-7s}.dust i:nth-child(8){left:90%;top:89%;animation-delay:-12s}a:focus-visible,button:focus-visible{outline:2px solid #81c3ff;outline-offset:5px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes entrance{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes logoEntrance{from{opacity:0;transform:scale(.88);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 22px #078bff70)}}@keyframes breathe{50%{opacity:.5;transform:scale(1.15)}}@keyframes drift{to{transform:translate(8%,-12%) rotate(5deg)}}@keyframes float{15%,70%{opacity:.55}to{opacity:0;transform:translate(40px,-360px)}}@keyframes energyReveal{from{opacity:0;stroke-dashoffset:1500}to{opacity:.18;stroke-dashoffset:0}}@media(max-width:600px){.introTop{padding:20px 5%;font-size:8px;letter-spacing:.06em}.introTop b{display:none}.introTop>a{font-size:9px;padding:9px 10px;white-space:nowrap}.introTop>a span{margin-left:6px}.introContent{padding:25px 16px}.introKicker{font-size:8px;letter-spacing:.18em}.introContent h1{font-size:clamp(30px,8vw,46px)}.introContent>p{font-size:13px}.introBottom{padding:20px 5%;font-size:7px;letter-spacing:.06em}.introBottom i{margin:0 7px}.logoStage{width:190px;margin-bottom:37px}.energy{opacity:.1}}@media(max-height:750px) and (min-width:601px){.logoStage{width:155px;margin-bottom:22px}.introContent h1{font-size:51px}.introContent{padding-top:8px}.introContent>p{margin:15px 0 18px}.introTop,.introBottom{padding-block:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.introProgress{display:none}}
/* Zusätzliche Tiefe: Lichtbögen, Nebel und ein inszenierter Logo-Auftritt. */
.introAtmosphere{background:radial-gradient(ellipse at 50% 37%,#0b376b77,transparent 50%),radial-gradient(ellipse at 12% 70%,#0b407b35,transparent 45%),linear-gradient(#01050c,#041021 65%,#02050c)}.lightSweep{position:absolute;left:50%;top:36%;width:140%;height:2px;transform-origin:left center;background:linear-gradient(90deg,#5db9ff00,#188fed60 12%,transparent 65%);box-shadow:0 0 55px 20px #0a64b312;animation:sweepArc 17s ease-in-out infinite alternate;filter:blur(1px)}.sweepTwo{animation-delay:-9s;opacity:.5}.orbitThree{inset:-28%;border-style:solid;border-color:#17446d55;border-left-color:#65b9ff70;border-right-color:#65b9ff70;transform:rotateX(65deg) rotate(-20deg);animation:ellipseOrbit 16s ease-in-out infinite alternate;box-shadow:0 0 28px #0876c917}.orbitOne{border-width:2px;border-top-color:#67beff;box-shadow:0 0 24px #248bdd20,inset 0 0 18px #248bdd12}.logoHalo{inset:-60%;background:radial-gradient(ellipse,#2f9fff2e,transparent 62%);animation:breathe 7s ease-in-out infinite}.logoStage{margin-bottom:39px}.logoStage img{animation:logoEntrance 2.2s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 0 24px #1188ff88)}.introContent h1 strong{background-size:200% auto;animation:titleLight 9s ease-in-out infinite alternate}.introContent h1{animation:entrance 1.7s .4s both}.introKicker{animation:entrance 1.5s .2s both}.introGrid{opacity:.65;background-size:75px 65px}.horizon{bottom:17%;box-shadow:0 0 45px 8px #037bff22}.auroraOne{opacity:.44;filter:blur(75px)}.enterClub{position:relative;overflow:hidden;isolation:isolate}.enterClub:before{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(100deg,transparent 40%,#94d3ff16 50%,transparent 60%);z-index:-1;animation:buttonSheen 7s ease-in-out infinite}.introProgress{width:215px;height:2px}.introTop>a{background:#09203a44}.introBottom{background:linear-gradient(0deg,#010610,transparent)}@keyframes sweepArc{from{transform:rotate(-155deg);opacity:.18}to{transform:rotate(-25deg);opacity:.6}}@keyframes ellipseOrbit{from{transform:rotateX(65deg) rotate(-25deg)}to{transform:rotateX(70deg) rotate(35deg)}}@keyframes titleLight{to{background-position:100% center}}@keyframes buttonSheen{0%,25%{transform:translateX(-40%)}75%,100%{transform:translateX(40%)}}@media(max-width:600px){.logoStage{width:185px;margin-bottom:43px}.orbitThree{inset:-21%}.introContent h1{font-size:clamp(30px,8vw,46px)}}@media(prefers-reduced-motion:reduce){.lightSweep{opacity:.2}.logoStage img{animation:none!important}.introContent h1 strong{animation:none!important}}