/* =========================================================
   Hyper-Pole Gameplays Hosting · V7.9 Design-Feinschliff
   Globale UI-Veredelung für Website, Kundenpanel und Admin.
   ========================================================= */
:root{
  --hp79-ink:#f8fbff;
  --hp79-soft:#c7d4e7;
  --hp79-muted:#8da0ba;
  --hp79-card:rgba(12,18,32,.82);
  --hp79-card2:rgba(15,23,42,.68);
  --hp79-border:rgba(148,163,184,.18);
  --hp79-border-strong:rgba(56,189,248,.36);
  --hp79-accent:#38bdf8;
  --hp79-accent2:#2563eb;
  --hp79-success:#22c55e;
  --hp79-warn:#f59e0b;
  --hp79-danger:#ef4444;
  --hp79-shadow:0 28px 90px rgba(0,0,0,.46);
  --hp79-shadow-soft:0 18px 55px rgba(2,8,23,.36);
  --hp79-radius:24px;
  --hp79-radius-lg:34px;
}
::selection{background:rgba(56,189,248,.32);color:#fff}
html{scroll-padding-top:110px}
body{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 18% -10%, rgba(14,165,233,.40), transparent 34rem),
    radial-gradient(circle at 78% 0%, rgba(37,99,235,.28), transparent 32rem),
    radial-gradient(circle at 50% 120%, rgba(34,211,238,.12), transparent 44rem),
    linear-gradient(180deg,#04070f 0%,#07111f 48%,#04070f 100%);
}
body:before{opacity:.7;background-size:64px 64px}
body.v79-ready:after{background:radial-gradient(circle at 50% 0%,transparent 0%,rgba(0,0,0,.56) 100%)}
body.v79-ready .topbar{box-shadow:0 18px 50px rgba(0,0,0,.22)}
a,button,.btn,.game-card,.feature,.logo-card,.dashboard-card,.auth-card,.status-service,.legal-card,.admin-card,.customer-card,.kpi-card{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease}
:focus-visible{outline:3px solid rgba(56,189,248,.72);outline-offset:4px;border-radius:14px}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#05070d}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(56,189,248,.55),rgba(37,99,235,.72));border:3px solid #05070d;border-radius:999px}

/* Scroll Progress */
.hp79-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:9999;background:linear-gradient(90deg,var(--hp79-accent),var(--hp79-accent2));transform-origin:left center;transform:scaleX(0);box-shadow:0 0 26px rgba(56,189,248,.65);pointer-events:none}

/* Navigation */
.topbar{background:rgba(4,7,15,.74);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border-bottom:1px solid rgba(148,163,184,.16)}
.nav{min-height:78px}
.brand-mark{position:relative;overflow:hidden;box-shadow:0 16px 46px rgba(56,189,248,.25), inset 0 0 0 1px rgba(255,255,255,.16)}
.brand-mark:after{content:"";position:absolute;inset:-45%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.48),transparent 65%);transform:translateX(-95%) rotate(18deg);animation:hp79-shine 7s ease-in-out infinite}
.brand-copy strong{font-size:13px}.brand-copy span{font-size:10.5px;color:#aabbd4}
.nav-links{box-shadow:inset 0 1px 0 rgba(255,255,255,.06);max-width:100%;overflow:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}
.nav-links a{position:relative}.nav-links a.is-current,.nav-links a.active{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(37,99,235,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(56,189,248,.16)}
.nav-links a.is-current:after,.nav-links a.active:after{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:2px;border-radius:99px;background:var(--hp79-accent);transform:translateX(-50%);box-shadow:0 0 16px rgba(56,189,248,.9)}
.nav-actions{flex-shrink:0}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-80% -35%;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.25),transparent 62%);transform:translateX(-110%) rotate(16deg);transition:.55s ease}.btn:hover:after{transform:translateX(110%) rotate(16deg)}
.btn-primary{box-shadow:0 20px 55px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.22)}
.btn-ghost{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.mobile-toggle{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

/* Hero & public pages */
.hero{padding-top:96px}.hero:before{opacity:.8}.hero-grid{gap:68px}
h1,.h1{letter-spacing:-.075em}.hero-lead,.section-head p,.feature p,.game-card p,.cta-box p,.footer p{color:var(--hp79-soft)}
.eyebrow,.kicker{letter-spacing:.16em}.eyebrow{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 38px rgba(8,145,178,.10)}
.trust-item,.logo-card,.feature,.game-card,.calc-inline-box,.cta-box,.auth-card,.mini-calculator,.status-card,.status-service,.legal-card,.order-final-card,.dashboard-card,.metric-panel{
  border-color:var(--hp79-border);
  box-shadow:var(--hp79-shadow-soft);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.feature,.game-card,.logo-card,.trust-item,.status-service,.legal-card,.auth-card,.mini-calculator{position:relative;overflow:hidden}
.feature:before,.game-card:before,.logo-card:before,.status-service:before,.legal-card:before,.auth-card:before,.mini-calculator:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.10),transparent 38%,rgba(37,99,235,.09));opacity:.55;pointer-events:none}
.feature:hover,.game-card:hover,.logo-card:hover,.trust-item:hover,.status-service:hover,.legal-card:hover{transform:translateY(-4px);border-color:var(--hp79-border-strong);box-shadow:0 28px 75px rgba(2,8,23,.48)}
.game-card small,.feature-icon,.game-badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.dashboard-card{box-shadow:var(--hp79-shadow)}
.server-line{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.metric-panel{margin-top:-4px}
.footer{border-top:1px solid rgba(148,163,184,.15);background:linear-gradient(180deg,rgba(5,7,13,.66),rgba(2,6,23,.92))}
.footer-bottom{border-top-color:rgba(148,163,184,.14)}

/* Forms */
.field input,.field select,.field textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],select,textarea{
  border-color:rgba(148,163,184,.20)!important;
  background:rgba(2,6,23,.42)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:rgba(56,189,248,.72)!important;box-shadow:0 0 0 4px rgba(56,189,248,.12), inset 0 1px 0 rgba(255,255,255,.08)!important;outline:0}
label{color:#dce8f8}.note,.form-note,.muted{color:#9eb0c8!important}.alert{box-shadow:var(--hp79-shadow-soft)}

/* Tables and lists */
table{border-collapse:separate;border-spacing:0;width:100%}th{color:#d9e8fb}td,th{border-color:rgba(148,163,184,.13)!important}tbody tr{transition:background .16s ease}tbody tr:hover{background:rgba(56,189,248,.055)}
.status-inline,.badge,.status-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

/* Kundenpanel */
.customer-pro-hero,.dashboard-hero{position:relative;overflow:hidden}.customer-pro-hero:after,.dashboard-hero:after{content:"";position:absolute;right:-12rem;top:2rem;width:30rem;height:30rem;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);pointer-events:none}
.customer-hero-card,.customer-kpi,.server-pro-card,.customer-section-card,.recent-item,.action-history-panel,.amp-log-panel{border-color:var(--hp79-border)!important;box-shadow:var(--hp79-shadow-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.customer-hero-card:hover,.customer-kpi:hover,.server-pro-card:hover,.customer-section-card:hover{border-color:var(--hp79-border-strong)!important;transform:translateY(-2px)}
.server-pro-card{position:relative;overflow:hidden}.server-pro-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 42%,rgba(37,99,235,.08));pointer-events:none}
.amp-action-row,.server-action-row{position:relative;z-index:1}

/* Adminbereich */
.admin-layout,.dashboard-layout{align-items:start}.dashboard-sidebar{position:sticky;top:98px;border-color:var(--hp79-border)!important;box-shadow:var(--hp79-shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sidebar-list a{border-color:rgba(148,163,184,.11)!important}.sidebar-list a:hover,.sidebar-list a.is-active{border-color:var(--hp79-border-strong)!important;background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(37,99,235,.10))!important;color:#fff!important;transform:translateX(3px)}
.admin-card,.admin-kpi,.admin-warning,.admin-panel,.queue-card,.finance-card,.system-card,.audit-preview,.mail-card,.backup-card{border-color:var(--hp79-border)!important;box-shadow:var(--hp79-shadow-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-card:hover,.admin-kpi:hover,.queue-card:hover,.finance-card:hover,.system-card:hover,.backup-card:hover{border-color:var(--hp79-border-strong)!important;transform:translateY(-2px)}
.admin-page-head h1,.customer-pro-hero h1{letter-spacing:-.06em}
.admin-table-wrap,.table-wrap{border-color:rgba(148,163,184,.14)!important;border-radius:22px;overflow:auto;background:rgba(2,6,23,.22)}

/* Legal pages */
.legal-shell,.legal-layout{gap:24px}.legal-card h2,.legal-card h3{letter-spacing:-.035em}.legal-nav,.legal-box{border-color:var(--hp79-border)!important;box-shadow:var(--hp79-shadow-soft);backdrop-filter:blur(16px)}
.legal-nav a:hover{background:rgba(56,189,248,.10)!important;color:#fff!important}

/* Bestellseite */
.order-final-shell,.order-summary,.order-final-card{position:relative}.order-summary{position:sticky;top:104px}.order-summary,.price-card,.summary-card{border-color:var(--hp79-border)!important;box-shadow:var(--hp79-shadow-soft);backdrop-filter:blur(18px)}
.order-step,.order-final-card{overflow:hidden}.order-step:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.055),transparent 48%);pointer-events:none}.order-step{position:relative}

/* V7.9 reveal animations */
.hp79-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.hp79-reveal.is-visible{opacity:1;transform:none}
@keyframes hp79-shine{0%,68%{transform:translateX(-95%) rotate(18deg)}78%,100%{transform:translateX(105%) rotate(18deg)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hp79-reveal{opacity:1!important;transform:none!important}.btn:hover,.game-card:hover,.feature:hover,.admin-card:hover,.customer-kpi:hover{transform:none!important}}

/* Responsive polish */
@media (max-width:1180px){.nav{gap:14px}.nav-links{max-width:52vw}.nav-links a{padding-inline:12px}.nav-actions .btn{padding-inline:14px}.admin-layout,.dashboard-layout{grid-template-columns:1fr!important}.dashboard-sidebar{position:relative;top:auto}.sidebar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media (max-width:900px){.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:34px}.nav-links,.nav-actions{display:none}.mobile-toggle{display:flex}.mobile-panel.open{display:grid}.section{padding:56px 0}.section-head{align-items:start;display:grid}.order-summary{position:relative;top:auto}.trust-strip,.logo-row,.features,.games-grid{grid-template-columns:1fr!important}}
@media (max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav{min-height:70px}.brand-mark{width:42px;height:42px}.brand-copy strong{font-size:12px}.brand-copy span{font-size:9.5px}h1,.h1{font-size:clamp(40px,13vw,56px)}.hero-lead{font-size:16px}.hero-actions,.cta-box{display:grid}.btn{width:100%;min-height:46px}.server-line{grid-template-columns:42px minmax(0,1fr);}.server-line .ping{grid-column:1/-1;justify-self:start}.sidebar-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr!important}.footer-bottom{display:grid;gap:8px}.admin-page-head,.customer-section-head{display:grid!important;gap:14px}.admin-table-wrap table,.table-wrap table{min-width:760px}}