*{box-sizing:border-box} :root{--bg:#0b090d;--panel:#151219;--white:#f8f6fa;--muted:#aaa3ae;--pink:#FC3296;--line:rgba(255,255,255,.1)}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}
.glow{position:fixed;z-index:-2;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.12}.glow-a{width:580px;height:580px;top:70px;left:calc(50% - 290px);background:#8b064b}.glow-b{width:400px;height:400px;top:560px;left:-260px;background:#4b0d66}
.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:5}
.wordmark{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font:700 18px "Space Grotesk";letter-spacing:.08em}.wordmark img{width:30px;height:30px}
nav{display:flex;gap:35px}nav a,.nav-cta{font-size:10px;letter-spacing:.14em;font-weight:700;text-decoration:none;color:#aaa3ae}nav a:hover,.footer-links a:hover{color:var(--pink)}
.nav-cta{border:1px solid rgba(252,50,150,.55);border-radius:99px;padding:12px 22px;color:var(--pink)}
.hero{min-height:650px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}

.hero-content{position:relative;z-index:2;padding:80px 0 90px}.watermark{position:absolute;width:min(610px,78vw);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-51%);opacity:.13;filter:drop-shadow(0 0 48px rgba(252,50,150,.32));z-index:1}.watermark img{width:100%;height:100%}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--pink);margin:0 0 25px}
h1{font:700 clamp(55px,8vw,104px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0;color:#fff}h1 span{background:linear-gradient(100deg,#FC3296 8%,#a82bdf 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro{font-size:15px;line-height:1.75;color:#b8b1bd;margin:28px 0 34px}
.actions{display:flex;justify-content:center;gap:16px}.btn{min-width:174px;padding:16px 23px;border-radius:99px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.08em;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--pink);color:white;box-shadow:0 8px 35px rgba(252,50,150,.22)}.btn.primary b{font-size:16px;margin-left:9px}.btn.secondary{border:1px solid rgba(252,50,150,.42);color:var(--pink)}
.scroll-note{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#77717d;display:flex;align-items:center;gap:10px}.scroll-note span{height:1px;width:25px;background:var(--pink)}
.content{padding:55px 0 20px;position:relative;z-index:1}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head .eyebrow{margin-bottom:10px}h2{font:700 clamp(32px,5vw,46px) "Space Grotesk";letter-spacing:-.045em;margin:0}h2 span{color:var(--pink)}.section-note{color:#8e8793;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{display:flex;align-items:center;gap:14px;min-height:82px;padding:16px 18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:13px;color:white;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.card:hover{transform:translateY(-3px);border-color:rgba(252,50,150,.5);background:rgba(252,50,150,.07)}
.symbol{width:38px;height:38px;flex:none;border-radius:11px;background:#28202b;display:grid;place-items:center;font-weight:700;font-size:17px;color:#fff}.symbol.youtube{color:#ff6d7d}.symbol.insta{color:#ff7eb8}.symbol.tiktok{color:#8de5df}.symbol.spotify{color:#80e1a2}.symbol.mail{color:#FC3296}.symbol.ps{color:#9dbdff}
.card>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.card strong{font-size:13px}.card small{font-size:10px;color:#99919e}.card i{font-style:normal;color:#827987;font-size:16px}
.about{text-align:center;padding:95px 0 85px;position:relative;z-index:1}.about .eyebrow{margin-bottom:14px}.about p:last-child{color:var(--muted);font-size:14px}
footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:24px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:9px;font:700 12px "Space Grotesk";letter-spacing:.13em}.footer-brand img{width:24px;height:24px}.footer-links{display:flex;gap:23px}.footer-links a{font-size:9px;letter-spacing:.15em;text-decoration:none;color:#a49ca9}footer p{font-size:9px;letter-spacing:.12em;color:#6e6873}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:72px}nav{display:none}.hero{min-height:570px}.hero-content{padding:60px 0 75px}.cards{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.section-note{display:none}footer{flex-wrap:wrap}.footer-links{order:3;width:100%;justify-content:center}footer p{margin-left:auto}}
@media(max-width:480px){.cards,.gaming-cards{grid-template-columns:1fr}.hero{min-height:560px}.intro{font-size:13px}.actions{flex-direction:column;align-items:center}.btn{width:210px}.watermark{width:95vw}.content{padding-top:35px}.about{padding:70px 0}}

/* Plattform-Symbole als lokale, skalierbare Vektorgrafiken */
.symbol svg{width:22px;height:22px;display:block}
.symbol.twitch,.symbol.twitter,.symbol.youtube{color:#FC3296}
.symbol.insta,.symbol.tiktok,.symbol.spotify{color:#FC3296}
.symbol.mail{color:#FC3296}

/* Einheitliche Markenfarbe für alle Plattform-Icons */
.symbol.twitch,.symbol.twitter,.symbol.youtube,.symbol.insta,.symbol.tiktok,
.symbol.spotify,.symbol.mail,.symbol.steam{color:#FC3296}
.japanese-line{width:100%;text-align:center;color:#FC3296;font-family:serif;font-size:14px;letter-spacing:.04em;margin:2px 0 8px}