:root{
  --bg:#05070d;
  --bg2:#080d18;
  --panel:#0c1220;
  --panel2:#101827;
  --panel3:#151f31;
  --line:rgba(148,163,184,.18);
  --line2:rgba(56,189,248,.38);
  --text:#f8fafc;
  --muted:#a7b3c7;
  --muted2:#748197;
  --blue:#38bdf8;
  --blue2:#2563eb;
  --cyan:#22d3ee;
  --green:#22c55e;
  --amber:#f59e0b;
  --red:#ef4444;
  --shadow:0 24px 70px rgba(0,0,0,.45);
  --shadow-soft:0 16px 44px rgba(2,8,23,.35);
  --radius:22px;
  --radius2:30px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 16% -12%, rgba(37,99,235,.38), transparent 38rem),
    radial-gradient(circle at 86% 2%, rgba(34,211,238,.20), transparent 32rem),
    linear-gradient(180deg,#05070d 0%,#08101d 52%,#05070d 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 76%);
  z-index:-2;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.52) 100%);
  z-index:-1;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:20px;top:20px;width:auto;height:auto;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:999}
.topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(5,7,13,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,163,184,.14);
}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-mark{
  width:46px;height:46px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 55%,#0f172a 100%);
  color:#fff;font-weight:950;letter-spacing:-.07em;
  box-shadow:0 14px 34px rgba(56,189,248,.22);
  border:1px solid rgba(255,255,255,.24);
}
.brand-copy{display:grid;line-height:1.02}
.brand-copy strong{font-size:14px;letter-spacing:.16em;font-weight:950}
.brand-copy span{font-size:11px;letter-spacing:.17em;color:#9fb0c9;font-weight:750}
.nav-links{display:flex;align-items:center;gap:4px;padding:7px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.46);border-radius:999px}
.nav-links a{padding:10px 14px;border-radius:999px;color:#c9d5e7;font-size:14px;font-weight:800;transition:.18s ease}
.nav-links a:hover,.nav-links a.active{background:rgba(56,189,248,.13);color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;padding:0 18px;border-radius:999px;
  border:1px solid transparent;font-size:14px;font-weight:900;letter-spacing:.01em;
  cursor:pointer;transition:.18s ease;white-space:nowrap
}
.btn-primary{background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);color:#fff;box-shadow:0 18px 38px rgba(37,99,235,.30)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 24px 50px rgba(37,99,235,.39)}
.btn-ghost{background:rgba(15,23,42,.56);border-color:rgba(148,163,184,.18);color:#e7eef9}
.btn-ghost:hover{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.09)}
.btn-block{width:100%}
.mobile-toggle{display:none;width:46px;height:46px;border-radius:15px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.56);color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-toggle span{width:20px;height:2px;background:#fff;border-radius:99px}
.mobile-panel{display:none;padding:0 0 18px}
.mobile-panel.open{display:grid;gap:10px}
.mobile-panel a{padding:14px 16px;border-radius:14px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.14);font-weight:850;color:#e9f1fb}
.hero{padding:86px 0 68px;position:relative}
.hero:before{content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);width:min(92vw,1180px);height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(56,189,248,.28);border-radius:999px;background:rgba(56,189,248,.08);color:#c9f2ff;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 20px rgba(34,197,94,.95)}
h1,.h1{font-size:clamp(48px,6.8vw,92px);line-height:.93;letter-spacing:-.07em;margin:23px 0 22px;font-weight:950}
.gradient-text{background:linear-gradient(135deg,#fff 0%,#93e6ff 42%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;line-height:1.8;color:#c3cfdf;max-width:760px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px}
.trust-item{padding:16px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.42));border-radius:18px}
.trust-item strong{display:block;font-size:25px;line-height:1;font-weight:950;letter-spacing:-.04em}
.trust-item span{display:block;margin-top:8px;color:#94a3b8;font-size:13px;font-weight:750}
.hero-visual{position:relative;min-height:auto;display:grid;gap:18px;align-content:start}
.glow-orb{position:absolute;inset:44px 16px auto auto;width:330px;height:330px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.38),transparent 68%);filter:blur(14px)}
.dashboard-card{
  position:relative;border:1px solid rgba(148,163,184,.16);border-radius:32px;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(8,13,24,.92));
  box-shadow:var(--shadow);overflow:hidden
}
.dashboard-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.14),transparent 38%,rgba(37,99,235,.12));pointer-events:none}
.card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.18)}
.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:99px;background:#64748b}.window-dots i:nth-child(1){background:#ef4444}.window-dots i:nth-child(2){background:#f59e0b}.window-dots i:nth-child(3){background:#22c55e}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.08);color:#c7ffde;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.status-pill:before{content:"";width:7px;height:7px;border-radius:99px;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.85)}
.dashboard-body{position:relative;padding:22px;display:grid;gap:14px}
.server-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(148,163,184,.13);border-radius:20px;background:rgba(15,23,42,.52)}
.game-token{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:950;font-size:13px;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,rgba(56,189,248,.95),rgba(37,99,235,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.server-line strong{display:block;font-size:15px}.server-line span{display:block;margin-top:5px;color:#91a0b8;font-size:13px}.ping{font-weight:950;color:#dff9ff;font-size:13px;padding:7px 9px;background:rgba(56,189,248,.09);border:1px solid rgba(56,189,248,.18);border-radius:999px}
.metric-panel{position:relative;right:auto;bottom:auto;width:100%;max-width:360px;justify-self:end;border:1px solid rgba(56,189,248,.25);border-radius:24px;background:linear-gradient(180deg,rgba(16,24,39,.96),rgba(8,13,24,.96));padding:20px;box-shadow:var(--shadow-soft);z-index:2}
.metric-panel h3{margin:0 0 6px;font-size:15px}.metric-panel p{margin:0 0 16px;color:#9aacbf;font-size:13px;line-height:1.55}.bar{height:9px;border-radius:99px;overflow:hidden;background:rgba(148,163,184,.15)}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8)}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric-row div{padding:11px;border-radius:15px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.12)}.metric-row strong{font-size:20px;letter-spacing:-.04em}.metric-row span{display:block;margin-top:4px;color:#8796ad;font-size:11px;font-weight:800;text-transform:uppercase}
.section{padding:74px 0}.section-tight{padding:46px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head.center{display:block;text-align:center;max-width:830px;margin-inline:auto}.kicker{color:#7dd3fc;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.section h2,.section-head h2{font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.055em;margin:0}.section-head p{margin:15px 0 0;color:#a9b7c8;line-height:1.75;font-size:16px;max-width:760px}.section-head.center p{margin-inline:auto}
.logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.logo-card{min-height:86px;border:1px solid rgba(148,163,184,.13);border-radius:20px;background:rgba(15,23,42,.52);display:flex;align-items:center;justify-content:center;text-align:center;color:#c8d6e8;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{position:relative;border:1px solid rgba(148,163,184,.14);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(11,18,32,.62));padding:26px;box-shadow:var(--shadow-soft);overflow:hidden}.feature:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.55),transparent)}.feature-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.20);font-weight:950;color:#9be7ff;margin-bottom:19px}.feature h3{margin:0 0 10px;font-size:20px}.feature p{margin:0;color:#a3afc2;line-height:1.75}
.games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.game-card{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:26px;background:linear-gradient(180deg,rgba(17,24,39,.72),rgba(8,13,24,.86));padding:22px;transition:.20s ease;box-shadow:var(--shadow-soft)}.game-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.24),transparent 42%),linear-gradient(180deg,transparent,rgba(0,0,0,.18));pointer-events:none}.game-card>*{position:relative}.game-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.38)}.game-card h3{font-size:25px;margin:18px 0 10px;letter-spacing:-.04em}.game-card p{margin:0;color:#9dabbd;line-height:1.55;font-size:14px}.game-card small{display:inline-flex;width:max-content;padding:8px 10px;border-radius:999px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.20);color:#c9f3ff;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.game-badge{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed8,#38bdf8);font-weight:950}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid rgba(148,163,184,.14);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(9,14,26,.84));padding:28px;box-shadow:var(--shadow-soft);position:relative}.price-card.featured{border-color:rgba(56,189,248,.42);box-shadow:0 24px 80px rgba(37,99,235,.20)}.price-card .tag{position:absolute;right:22px;top:22px;padding:7px 10px;border-radius:999px;background:rgba(56,189,248,.13);border:1px solid rgba(56,189,248,.28);color:#d5f6ff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.price-card h3{font-size:25px;margin:0 0 9px}.price-card>p{color:#a3afc2;line-height:1.65;margin:0 0 22px}.price{display:flex;align-items:baseline;gap:8px;margin-bottom:22px}.price strong{font-size:43px;letter-spacing:-.07em}.price span{color:#91a0b8;font-weight:800}.list{display:grid;gap:12px;margin:0 0 24px;padding:0;list-style:none}.list li{display:flex;gap:10px;color:#c9d3df}.list li:before{content:"";margin-top:7px;width:8px;height:8px;border-radius:99px;background:#38bdf8;box-shadow:0 0 14px rgba(56,189,248,.7);flex:0 0 auto}
.split-panel{border:1px solid rgba(148,163,184,.14);border-radius:32px;background:linear-gradient(180deg,rgba(15,23,42,.75),rgba(7,12,23,.88));box-shadow:var(--shadow);overflow:hidden}.split-grid{display:grid;grid-template-columns:1fr 1fr}.split-content{padding:42px}.control-card{padding:28px;background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(56,189,248,.05));border-left:1px solid rgba(148,163,184,.12)}.control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.control-list{display:grid;gap:12px}.control-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(2,6,23,.34);border:1px solid rgba(148,163,184,.12)}.action-dot{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.18);font-weight:950}.control-item strong{display:block}.control-item span{display:block;color:#93a2b8;font-size:13px;margin-top:4px}.control-meta{color:#dff7ff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.page-hero{padding:72px 0 28px}.page-hero h1{font-size:clamp(46px,6vw,78px);max-width:940px}.page-hero p{max-width:820px;color:#b5c2d3;font-size:18px;line-height:1.75;margin:0 0 28px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#8ca0b7;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.breadcrumbs a{color:#bcd6f4}.breadcrumbs span{color:#4f6078}
.status-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.status-main{border:1px solid rgba(34,197,94,.25);border-radius:30px;background:linear-gradient(180deg,rgba(12,22,28,.88),rgba(8,13,24,.9));padding:28px;box-shadow:var(--shadow-soft)}.status-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.status-title h2{font-size:30px;margin:0;letter-spacing:-.04em}.overall{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.28);font-weight:950;color:#c7ffdd}.overall:before{content:"";width:8px;height:8px;border-radius:99px;background:#22c55e;box-shadow:0 0 16px rgba(34,197,94,.8)}.status-service{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px;border-radius:21px;border:1px solid rgba(148,163,184,.13);background:rgba(15,23,42,.54);margin-bottom:13px}.status-service h3{font-size:17px;margin:0 0 6px}.status-service p{margin:0;color:#95a4b7;font-size:14px}.service-meta{text-align:right}.service-meta strong{display:block;color:#fff}.service-meta span{display:inline-block;margin-top:6px;font-size:12px;color:#86efac;font-weight:950;text-transform:uppercase}.incident-card{border:1px solid rgba(148,163,184,.14);border-radius:30px;background:rgba(15,23,42,.58);padding:26px}.incident-card h3{font-size:23px;margin:0 0 14px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:86px 1fr;gap:13px;padding:14px;border-radius:18px;background:rgba(2,6,23,.32);border:1px solid rgba(148,163,184,.12)}.timeline-item time{color:#7dd3fc;font-weight:950;font-size:13px}.timeline-item strong{display:block;margin-bottom:4px}.timeline-item p{margin:0;color:#9aa8bb;line-height:1.55;font-size:14px}
.form-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:22px;align-items:start}.info-card,.form-card{border:1px solid rgba(148,163,184,.14);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.75),rgba(8,13,24,.88));padding:28px;box-shadow:var(--shadow-soft)}.info-card h2,.form-card h2{font-size:28px;margin:0 0 12px;letter-spacing:-.04em}.info-card p,.form-card p{color:#a5b1c3;line-height:1.7;margin:0 0 20px}.contact-list{display:grid;gap:12px;margin-top:20px}.contact-row{padding:14px;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:rgba(2,6,23,.30)}.contact-row strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;margin-bottom:5px}.contact-row span{color:#eaf1fb;font-weight:750}.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#c8d4e4}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(2,6,23,.42);color:#fff;padding:14px 15px;outline:none;transition:.18s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(56,189,248,.60);box-shadow:0 0 0 4px rgba(56,189,248,.10)}.field textarea{min-height:150px;resize:vertical}.note{font-size:13px;color:#8494aa;line-height:1.6}.auth-wrap{max-width:520px;margin:0 auto}.auth-card{border:1px solid rgba(148,163,184,.14);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,13,24,.94));padding:30px;box-shadow:var(--shadow)}.auth-card h1{font-size:38px;margin:0 0 12px}.auth-card p{color:#a5b1c3;line-height:1.7;margin:0 0 24px}.legal-card{border:1px solid rgba(148,163,184,.14);border-radius:30px;background:rgba(15,23,42,.70);padding:34px;line-height:1.78;color:#c8d3e1}.legal-card h1{font-size:42px;margin:0 0 18px}.legal-card h2{margin-top:32px;color:#fff}.legal-card p{color:#c8d3e1}
.cta{padding:76px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(56,189,248,.28);border-radius:34px;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(8,13,24,.88) 54%,rgba(56,189,248,.13));padding:36px;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(30px,4vw,50px);line-height:1;margin:0 0 12px;letter-spacing:-.055em}.cta-box p{margin:0;color:#c0cce0;line-height:1.7;max-width:700px}.footer{border-top:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.52);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:28px}.footer p{color:#99a8bd;line-height:1.7;max-width:480px}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#eaf2ff;margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer a{color:#9fb0c5}.footer a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(148,163,184,.11);color:#7d8ca2;font-size:13px}
.notice{border:1px solid rgba(56,189,248,.24);background:rgba(56,189,248,.08);border-radius:18px;padding:16px;color:#d8f5ff;line-height:1.6}.success{border-color:rgba(34,197,94,.30);background:rgba(34,197,94,.08);color:#d7ffe6}.error{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.08);color:#ffe1e1}
@media (max-width:1120px){.hero-grid,.status-grid,.form-grid,.split-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}.metric-panel{margin:0;max-width:none;width:100%;justify-self:stretch}.games-grid{grid-template-columns:repeat(3,1fr)}.features,.pricing{grid-template-columns:1fr 1fr}.logo-row{grid-template-columns:repeat(2,1fr)}.control-card{border-left:0;border-top:1px solid rgba(148,163,184,.12)}}
@media (max-width:840px){.nav-links,.nav-actions{display:none}.mobile-toggle{display:flex}.nav{min-height:72px}.brand-copy strong{font-size:12px}.brand-copy span{font-size:10px}.hero{padding:54px 0}.trust-strip,.features,.pricing,.games-grid,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.form-row{grid-template-columns:1fr}.cta-box{display:block}.cta-box .btn{margin-top:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.status-service{grid-template-columns:1fr}.service-meta{text-align:left}.timeline-item{grid-template-columns:1fr}.container{width:min(var(--max),calc(100% - 28px))}}

@media (max-width:640px){.server-line{grid-template-columns:44px 1fr}.server-line .ping{grid-column:2;justify-self:start}.game-token{width:44px;height:44px}.card-top{align-items:flex-start;flex-direction:column}.status-pill{width:max-content}}
@media (max-width:520px){h1,.h1{font-size:44px}.hero-lead,.page-hero p{font-size:16px}.hero-actions .btn{width:100%}.split-content,.control-card,.form-card,.info-card,.legal-card,.cta-box{padding:22px}.brand-mark{width:42px;height:42px}.logo-row{grid-template-columns:1fr}}


/* ===== V4: Game detail pages + price calculator ===== */
.nav-links{gap:6px}.nav-links a{padding:10px 12px}.brand-copy strong{letter-spacing:.08em}
.hero .mini-calculator{margin-top:24px;max-width:640px}
.mini-calculator{border:1px solid rgba(56,189,248,.20);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.44));padding:18px;box-shadow:0 18px 50px rgba(2,6,23,.28)}
.mini-calculator-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.mini-calculator-head strong{font-size:15px}.mini-calculator-head span{font-size:12px;color:#7dd3fc;text-transform:uppercase;letter-spacing:.10em;font-weight:950}
.mini-calculator-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.mini-calculator .field select,.mini-calculator .field input{padding:12px 14px}.mini-calculator .btn{height:48px;align-self:end}
.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.quick-link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.50);color:#dcecff;font-size:13px;font-weight:850}.quick-link:hover{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.10)}
.game-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.game-tabs a{padding:10px 13px;border-radius:999px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.16);color:#c6d4e8;font-weight:900;font-size:13px}.game-tabs a.active,.game-tabs a:hover{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.38);color:#fff}
.detail-hero{position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;inset:auto -15% -38% auto;width:560px;height:560px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.25),transparent 62%);filter:blur(8px);pointer-events:none}.detail-hero-box{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;border:1px solid rgba(148,163,184,.14);border-radius:34px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(2,6,23,.82));padding:34px;box-shadow:var(--shadow);position:relative;z-index:1}.detail-hero h1{font-size:clamp(44px,5.7vw,78px);line-height:.96;margin:0 0 18px;letter-spacing:-.07em}.detail-hero p{color:#b6c4d8;line-height:1.75;font-size:18px;margin:0 0 24px}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-kpi{border:1px solid rgba(148,163,184,.13);border-radius:20px;background:rgba(2,6,23,.30);padding:16px}.detail-kpi strong{display:block;font-size:24px}.detail-kpi span{display:block;margin-top:5px;color:#8ea1b9;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.detail-panel{border:1px solid rgba(56,189,248,.22);border-radius:28px;background:linear-gradient(180deg,rgba(12,20,36,.88),rgba(5,9,18,.92));padding:22px}.detail-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-panel-top .game-badge{width:62px;height:62px;border-radius:20px}.detail-panel .status-pill{font-size:12px}.spec-list{display:grid;gap:12px}.spec-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.48);border-radius:18px}.spec-item span{color:#96a7bd}.spec-item strong{text-align:right}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.detail-card{border:1px solid rgba(148,163,184,.14);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(8,13,24,.88));padding:26px;box-shadow:var(--shadow-soft)}.detail-card h3{font-size:22px;margin:0 0 10px}.detail-card p{color:#a8b5c7;line-height:1.65;margin:0}.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.included-item{border:1px solid rgba(148,163,184,.13);border-radius:22px;background:rgba(15,23,42,.54);padding:18px;min-height:132px}.included-item strong{display:block;margin-bottom:9px}.included-item span{color:#9baac0;line-height:1.55;font-size:14px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{border:1px solid rgba(148,163,184,.13);border-radius:22px;background:rgba(15,23,42,.50);padding:20px}.faq-item h3{font-size:18px;margin:0 0 8px}.faq-item p{margin:0;color:#a5b2c4;line-height:1.6}.compare-table{overflow:hidden;border-radius:28px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.62);box-shadow:var(--shadow-soft)}.compare-row{display:grid;grid-template-columns:1.05fr .62fr .62fr .62fr .62fr .62fr;gap:0;border-bottom:1px solid rgba(148,163,184,.10)}.compare-row:last-child{border-bottom:0}.compare-row>div{padding:18px;border-right:1px solid rgba(148,163,184,.08)}.compare-row>div:last-child{border-right:0}.compare-head{background:rgba(56,189,248,.08);font-size:12px;text-transform:uppercase;letter-spacing:.10em;color:#9de9ff;font-weight:950}.compare-row strong{display:block}.compare-row span{display:block;color:#96a7bc;font-size:13px;margin-top:5px}.calc-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:22px;align-items:start}.calc-card,.summary-card{border:1px solid rgba(148,163,184,.14);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(8,13,24,.92));padding:28px;box-shadow:var(--shadow-soft)}.calc-card h2,.summary-card h2{font-size:30px;margin:0 0 12px}.calc-card p,.summary-card p{color:#a4b2c5;line-height:1.65;margin:0 0 20px}.calc-separator{height:1px;background:rgba(148,163,184,.12);margin:22px 0}.range-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.range-value{font-size:14px;font-weight:950;color:#eaf6ff;border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.08);border-radius:999px;padding:7px 10px}input[type="range"]{width:100%;accent-color:#38bdf8}.option-list{display:grid;gap:12px}.option-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:15px;border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.32);border-radius:18px;cursor:pointer}.option-row input{margin-top:4px}.option-row strong{display:block}.option-row span{display:block;margin-top:4px;color:#91a1b8;font-size:13px;line-height:1.45}.option-price{color:#bdf3ff;font-weight:950;white-space:nowrap}.summary-card{position:sticky;top:98px}.calc-total{border:1px solid rgba(56,189,248,.25);border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.19),rgba(56,189,248,.07));padding:20px;margin-bottom:18px}.calc-total span{display:block;color:#8ea2b9;font-weight:900;text-transform:uppercase;letter-spacing:.10em;font-size:12px}.calc-total strong{display:block;font-size:46px;letter-spacing:-.08em;margin-top:4px}.calc-total small{color:#9dadc2}.breakdown{display:grid;gap:10px;margin:0 0 20px}.breakdown-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(148,163,184,.09);padding-bottom:10px;color:#cbd7e6}.breakdown-row span:first-child{color:#93a5bb}.calc-note{font-size:13px;color:#8999ae;line-height:1.6;margin-top:14px}.summary-actions{display:grid;gap:10px}.summary-actions .btn{justify-content:center}.price-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.08);color:#cdfedf;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.price-pill:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:99px;box-shadow:0 0 14px rgba(34,197,94,.8)}.prefill-notice{display:none;border:1px solid rgba(56,189,248,.24);border-radius:18px;background:rgba(56,189,248,.08);padding:14px;margin-bottom:16px;color:#dff7ff;line-height:1.55}.prefill-notice.show{display:block}.server-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stack-card{border:1px solid rgba(148,163,184,.13);background:rgba(15,23,42,.55);border-radius:22px;padding:20px}.stack-card strong{display:block;font-size:18px;margin-bottom:8px}.stack-card span{color:#9dabbd;line-height:1.55;font-size:14px}.badge-row{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.28);font-size:12px;color:#c7d4e6;font-weight:850}.table-scroll{overflow-x:auto}.calc-inline-box{border:1px solid rgba(56,189,248,.20);border-radius:28px;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(2,6,23,.70));padding:28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.calc-inline-box h2{margin:0 0 10px}.calc-inline-box p{margin:0;color:#a8b7ca;line-height:1.65;max-width:740px}.calc-inline-box .btn{flex:0 0 auto}.game-card.featured-game{min-height:275px}.game-card .badge-row{margin-top:18px}@media (max-width:1180px){.detail-hero-box,.calc-layout{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.included-grid,.server-stack{grid-template-columns:repeat(2,1fr)}.compare-row{min-width:820px}.mini-calculator-grid{grid-template-columns:1fr 1fr}.mini-calculator .btn{grid-column:1/-1}.detail-grid{grid-template-columns:1fr 1fr}}
@media (max-width:840px){.detail-hero-box{padding:22px}.detail-kpis,.detail-grid,.included-grid,.faq-grid,.server-stack{grid-template-columns:1fr}.calc-inline-box{display:block}.calc-inline-box .btn{margin-top:18px}.mini-calculator-grid{grid-template-columns:1fr}.game-tabs{gap:8px}.calc-card,.summary-card{padding:22px}.nav-links{display:none}}
@media (max-width:560px){.detail-panel-top{display:block}.detail-panel-top .game-badge{margin-bottom:12px}.spec-item{display:block}.spec-item strong{text-align:left;margin-top:6px}.calc-total strong{font-size:38px}.option-row{grid-template-columns:auto 1fr}.option-price{grid-column:2}.compare-row{min-width:760px}}


/* V6 Kundenpanel / JSON Login / AMP Bridge */
.alert{border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:14px 16px;margin:0 0 16px;line-height:1.55;background:rgba(15,23,42,.66);color:#dbeafe;font-weight:750}.alert.error{border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.09);color:#fecaca}.alert.success{border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.09);color:#bbf7d0}.alert.info{border-color:rgba(56,189,248,.34);background:rgba(56,189,248,.09);color:#dff7ff}.btn-block{width:100%;justify-content:center}.btn-danger{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;border-color:rgba(248,113,113,.20);box-shadow:0 18px 45px rgba(220,38,38,.22)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 22px 55px rgba(220,38,38,.28)}.btn-small{min-height:38px;padding:9px 12px;font-size:13px}.dashboard-hero{padding:54px 0 20px}.dashboard-hero h1{font-size:clamp(38px,5vw,68px);line-height:1;margin:0 0 14px;letter-spacing:-.06em}.dashboard-hero p{max-width:850px;color:#aebbd0;line-height:1.7;font-size:17px}.dashboard-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.dashboard-sidebar,.dashboard-panel,.server-card{border:1px solid rgba(148,163,184,.14);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(8,13,24,.92));box-shadow:var(--shadow-soft)}.dashboard-sidebar{padding:22px;position:sticky;top:96px}.customer-mini strong{display:block;font-size:20px;letter-spacing:-.03em}.customer-mini span{display:block;color:#91a2bb;margin-top:5px;font-size:13px}.sidebar-list{display:grid;gap:10px;margin:20px 0 0}.sidebar-list a,.sidebar-list button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:rgba(2,6,23,.28);color:#d8e5f6;padding:12px 13px;text-align:left;font-weight:850}.sidebar-list a:hover,.sidebar-list button:hover{border-color:rgba(56,189,248,.35);color:#fff}.dashboard-panel{padding:24px}.dashboard-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.dashboard-title h2{font-size:30px;margin:0;letter-spacing:-.04em}.dashboard-title p{margin:8px 0 0;color:#93a4bc;line-height:1.6}.server-grid{display:grid;grid-template-columns:1fr;gap:16px}.server-card{padding:22px}.server-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.server-head h3{margin:0 0 6px;font-size:24px;letter-spacing:-.04em}.server-head p{margin:0;color:#93a4bc}.server-badges{display:flex;gap:8px;flex-wrap:wrap}.server-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.server-meta{border:1px solid rgba(148,163,184,.12);border-radius:16px;background:rgba(2,6,23,.28);padding:12px}.server-meta span{display:block;color:#8ea1b9;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:950}.server-meta strong{display:block;margin-top:5px;color:#edf6ff}.server-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.server-output{display:none;margin-top:16px;border:1px solid rgba(56,189,248,.18);border-radius:18px;background:rgba(2,6,23,.42);padding:14px;white-space:pre-wrap;color:#c8eaff;font-size:13px;line-height:1.55;max-height:260px;overflow:auto}.server-output.show{display:block}.status-inline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:rgba(2,6,23,.32);padding:7px 10px;color:#c7d7eb;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.status-inline:before{content:"";width:8px;height:8px;border-radius:99px;background:#64748b}.status-inline.online:before{background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.8)}.status-inline.offline:before{background:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.55)}.status-inline.busy:before{background:#f59e0b;box-shadow:0 0 14px rgba(245,158,11,.55)}.empty-state{border:1px dashed rgba(148,163,184,.22);border-radius:24px;padding:28px;text-align:center;background:rgba(2,6,23,.25)}.empty-state h3{font-size:24px;margin:0 0 10px}.empty-state p{color:#9caec5;line-height:1.65;margin:0 0 18px}.code-card{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.48);border-radius:16px;padding:14px;color:#d8e5f6;overflow:auto;font-size:13px;line-height:1.55}.dashboard-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.help-card{border:1px solid rgba(148,163,184,.13);border-radius:22px;background:rgba(15,23,42,.48);padding:18px}.help-card strong{display:block;margin-bottom:8px}.help-card p{margin:0;color:#98aabe;line-height:1.6;font-size:14px}@media (max-width:980px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:relative;top:auto}.server-meta-grid{grid-template-columns:1fr 1fr}.dashboard-help{grid-template-columns:1fr}}@media (max-width:560px){.server-head,.dashboard-title{display:block}.server-meta-grid{grid-template-columns:1fr}.server-actions .btn{width:100%;justify-content:center}}