:root{color-scheme:dark;--bg:#08050f;--panel:#100d18;--panel2:#15101f;--edge:#37223c;--primary:#ff4db8;--pink:#fa80d1;--violet:#ad58ff;--cyan:#7ee7ff;--text:#fdf7ff;--muted:#a9a0b4;--green:#5ce0b4;--yellow:#ffc66f;--red:#ff667c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.55 'Space Grotesk','Segoe UI',Arial,sans-serif;overflow-x:hidden;background-image:radial-gradient(ellipse 57% 40% at 49% 0%,#78266d1c,transparent),linear-gradient(#08050f,#0a0612 90%)}a{text-decoration:none;color:inherit}a:hover{color:#fff}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(65px);opacity:.25}.ambient-a{width:380px;height:350px;top:110px;right:-160px;background:#ae28b9}.ambient-b{width:300px;height:280px;top:360px;left:-200px;background:#4133a4}.site-header{height:96px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand,.brand-foot{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#f98bd8,#ff4db8 55%,#8231a1);font-size:18px;font-weight:1000;letter-spacing:-.12em;box-shadow:0 6px 28px #ff4db84a,inset 0 1px 0 #ffffff66;transform:rotate(-5deg)}.brand-word{font-size:20px;font-weight:1000;letter-spacing:-.05em}.brand-word small{display:block;color:#977f9d;font-size:8px;font-weight:800;letter-spacing:.26em}.site-header nav{display:flex;gap:36px;margin-left:auto}.site-header nav a{font-size:13px;font-weight:700;color:#bab1c6;transition:.2s}.site-header nav a:hover{color:var(--pink)}.site-header nav a span{color:var(--pink)}.header-live{font-size:10px;color:var(--pink);font-weight:850;letter-spacing:.14em;padding:11px 16px;border:1px solid #f45db440;border-radius:30px;background:#ff4db80c;white-space:nowrap}.pulse-dot{width:7px;height:7px;display:inline-block;margin-right:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 12px var(--pink);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px var(--pink)}}
.hero{min-height:475px;display:flex;justify-content:space-between;align-items:center;position:relative;padding:60px 0 58px}.hero-copy{max-width:730px;position:relative;z-index:2}.eyebrow,.panel-eyebrow{color:var(--pink);font-weight:900;font-size:10px;letter-spacing:.23em}.tiny-line{display:inline-block;vertical-align:middle;width:24px;height:2px;background:var(--pink);margin-right:10px}.hero h1{font-weight:1000;letter-spacing:-.082em;font-size:clamp(48px,6vw,78px);line-height:1.06;margin:24px 0 22px}.hero h1 span,.section-title h2 span,.info-panel h2 span{background:linear-gradient(90deg,#fff 0%,#ff80cf 40%,#ff4db8 70%,#a860ff);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{font-size:16px;color:var(--muted);max-width:630px;line-height:1.9}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:30px;color:#b7aec1;font-size:11px;font-weight:750;letter-spacing:.06em}.hero-meta>span:first-child{color:var(--pink)}.orb-scene{position:absolute;right:12px;top:12px;width:410px;height:420px;pointer-events:none;perspective:950px}.orb-glow{position:absolute;inset:75px 20px;filter:blur(60px);background:#c22fbd40}.orb-core{position:absolute;inset:124px 116px;display:grid;place-items:center;border-radius:45%;transform:rotate(-14deg) rotateY(-23deg) rotateX(15deg);background:radial-gradient(circle at 22% 23%,#e5aff7,#a352cc 30%,#371146 65%,#12091b);box-shadow:20px 25px 75px #000a,inset -13px -16px 27px #16071aaf,0 0 44px #bd53b861;border:1px solid #ffffff77}.orb-core span{font-size:51px;font-weight:1000;letter-spacing:-.17em;color:white;text-shadow:0 0 35px #fff}.orb-ring{position:absolute;border:1px solid #b854b955;border-radius:50%;transform:rotateX(62deg) rotate(-35deg)}.ring-one{inset:48px 38px}.ring-two{inset:22px 6px;border-color:#ae64c629;transform:rotateX(66deg) rotate(43deg)}.orbit-point{position:absolute;width:12px;height:12px;background:#ff75d0;border-radius:50%;box-shadow:0 0 25px #ff4db8}.p1{top:125px;right:42px}.p2{left:65px;bottom:100px;width:7px;height:7px}
.overall-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #a449a051;border-radius:23px;background:linear-gradient(105deg,#321c36bb,#170f20 55%,#100d18);box-shadow:0 18px 70px #0008,inset 0 1px #ffffff13;padding:29px 35px;position:relative;overflow:hidden}.overall-panel:after{content:'';position:absolute;right:20%;top:-90px;width:200px;height:200px;border-radius:50%;background:#f447b10b;filter:blur(20px)}.overall-left{display:flex;align-items:center;gap:23px}.overall-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:26px;flex-shrink:0}.overall-icon.online{background:#5ce0b421;color:var(--green)}.overall-icon.degraded{background:#ffc66f22;color:var(--yellow)}.overall-icon.offline{background:#ff667c22;color:var(--red)}.overall-icon.unknown{background:#ff4db820;color:var(--pink)}.overall-panel h2{font-size:25px;letter-spacing:-.05em;margin:3px 0}.overall-panel p{margin:0;color:#ab9cb0;font-size:12px}.overall-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:155px}.small-label{color:#988aa5;font-size:9px;font-weight:900;letter-spacing:.16em}.overall-right strong{font-size:14px}.sync-badge{font-size:9px;font-weight:850;letter-spacing:.08em;color:#f7adcd;margin-top:3px}
.section-title{display:flex;justify-content:space-between;align-items:end;margin:74px 0 25px}.section-title h2,.info-panel h2{font-size:34px;line-height:1.2;margin:12px 0 0;letter-spacing:-.06em}.section-title>p{color:var(--muted);font-size:13px}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{min-width:0;padding:27px 27px 22px;border:1px solid var(--edge);border-radius:19px;background:linear-gradient(145deg,#1b1325,#100d18 70%);box-shadow:0 9px 25px #0004;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-3px);border-color:#b94a947d}.service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-name{font-size:18px;font-weight:850;letter-spacing:-.02em}.service-url{color:#a79ab1;font-size:12px;margin-top:3px;overflow-wrap:anywhere}.service-link{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:#ffffff0b;border:1px solid #ffffff1b;color:var(--pink);flex-shrink:0}.service-link:hover{background:#ff4db82b}.status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 16px}.status-pill{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.03em}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.status-pill.online{color:var(--green)}.status-pill.degraded{color:var(--yellow)}.status-pill.offline{color:var(--red)}.status-pill.unknown{color:#b4a4c1}.response{font-size:11px;color:#9f91ad}.divider{height:1px;background:#ffffff13;margin:0 0 18px}.history-title{display:flex;justify-content:space-between;color:#ada1b6;font-size:10px;gap:10px}.history-title strong{color:#f7d6ed}.history-bars{display:flex;gap:3px;height:31px;align-items:stretch;margin-top:14px}.history-bar{flex:1;border-radius:3px;background:#382e3e;min-width:2px}.history-bar.online{background:#49c89c}.history-bar.degraded{background:#ffbf68}.history-bar.offline{background:#ff617d}.history-bar.unknown{background:#61576c}.history-empty{font-size:11px;color:#90839d;margin-top:11px}.history-foot{font-size:10px;color:#766b83;display:flex;justify-content:space-between;margin-top:11px}.placeholder{grid-column:1/-1;color:var(--muted);padding:40px;background:#181020;border-radius:15px}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:74px 0}.info-panel{padding:33px;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(125deg,#1b1224,#100c17)}.info-panel h2{font-size:27px;margin-bottom:14px}.info-panel p{color:#ac9cb3;line-height:1.85;font-size:13px;max-width:480px}.info-panel p strong{color:#fff}.outline-link{display:inline-flex;align-items:center;gap:22px;color:#fff;border:1px solid #e976bf70;padding:11px 17px;border-radius:10px;font-size:12px;font-weight:850;margin-top:14px}.outline-link:hover{background:#f85ab21e}.outline-link span{color:var(--pink)}.discord-panel{background:radial-gradient(circle at 90% 20%,#a654f519,transparent 35%),linear-gradient(125deg,#20132c,#100c17)}.discord-chip{color:#ecbce3;border:1px solid #ff4db84d;background:#ff4db80b;padding:10px 13px;border-radius:9px;display:inline-flex;align-items:center;margin-top:14px;gap:7px;font-size:10px;font-weight:900;letter-spacing:.1em}.online-dot{background:#ff74d0;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px #f66}.footer{border-top:1px solid #ffffff16;display:flex;align-items:center;gap:25px;padding:26px 0 35px;color:#a396b1;font-size:10px;letter-spacing:.09em}.brand-foot{margin-right:auto;color:white;font-size:13px}.brand-foot .brand-mark{width:31px;height:31px;font-size:12px;border-radius:9px}.footer a{color:#ff9ad7}
@media(max-width:1020px){.orb-scene{opacity:.42;right:-120px}.hero-copy{max-width:670px}.header-live{display:none}}
@media(max-width:680px){.wrap{width:min(100% - 32px,1240px)}.site-header{height:79px;gap:10px}.brand-mark{width:38px;height:38px}.brand-word{font-size:16px}.site-header nav{gap:13px}.site-header nav a{font-size:10px}.site-header nav a span{display:none}.hero{padding:58px 0 48px;min-height:400px}.hero h1{font-size:clamp(39px,9.8vw,57px)}.orb-scene{right:-245px;top:14px;opacity:.24}.intro{font-size:14px}.hero-meta{font-size:10px;flex-wrap:wrap}.overall-panel{align-items:flex-start;flex-direction:column;padding:23px;gap:22px}.overall-panel h2{font-size:19px}.overall-left{gap:13px}.overall-icon{width:45px;height:45px;font-size:20px}.overall-right{align-items:flex-start}.section-title{margin-top:56px;align-items:flex-start;flex-direction:column;gap:4px}.section-title h2{font-size:30px}.services-grid,.bottom-grid{grid-template-columns:1fr}.service-card,.info-panel{padding:23px}.bottom-grid{margin:55px 0;gap:15px}.footer{flex-wrap:wrap;gap:12px}.brand-foot{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* PA-STUFF-STATUS-LOGO-UI-V1 */
/* Echtes PA STUFF Logo statt der drei Header-Links. */
.site-header .header-brand-logo {
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 auto; margin-left: auto; margin-right: 18px;
  width: 148px; height: 86px; overflow: visible;
}
.site-header .header-brand-logo img {
  width: 142px; height: 86px; object-fit: contain; display: block;
  filter: drop-shadow(0 0 9px rgba(173,88,255,.26));
}
@media (max-width: 1020px) {
  .site-header .header-brand-logo { margin-right: 0; }
}
@media (max-width: 680px) {
  .site-header .header-brand-logo { width: 96px; height: 72px; margin-left: auto; }
  .site-header .header-brand-logo img { width: 94px; height: 67px; }
  .site-header .brand-word { font-size: 16px; }
}