/*
 * SpaceGate Nova — protected live visual compatibility layer
 * 2026-06-10
 * طبقة توافق بصرية للبث داخل هوية SpaceGate Nova
 * بدون لمس منطق الحماية أو APIs أو مشغل HLS.
 */
:root{
  color-scheme:dark;
  --sg-nova-bg:#05050b;
  --sg-nova-bg-2:#090912;
  --sg-nova-panel:rgba(17,17,29,.72);
  --sg-nova-panel-2:rgba(25,20,40,.84);
  --sg-nova-soft:rgba(255,255,255,.065);
  --sg-nova-line:rgba(255,255,255,.115);
  --sg-nova-line-2:rgba(255,255,255,.18);
  --sg-nova-text:#ffffff;
  --sg-nova-muted:#d8c9a5;
  --sg-nova-dim:#8d879c;
  --sg-nova-purple:#d6a84f;
  --sg-nova-purple-2:#f4d27a;
  --sg-nova-blue:#f6c45a;
  --sg-nova-green:#19e6a1;
  --sg-nova-danger:#ff3366;
  --sg-nova-radius:26px;
  --sg-nova-radius-sm:16px;
  --sg-nova-shadow:0 28px 90px rgba(0,0,0,.52);
  --sg-nova-glow:0 18px 50px rgba(214,168,79,.28);
  --sg-nova-gradient:linear-gradient(135deg,var(--sg-nova-purple),#8a6426 48%,var(--sg-nova-blue));
  --sg-nova-gradient-soft:linear-gradient(135deg,rgba(214,168,79,.28),rgba(246,196,90,.12));

  --sh-bg:var(--sg-nova-bg)!important;
  --sh-bg-2:var(--sg-nova-bg-2)!important;
  --sh-surface:rgba(18,18,30,.82)!important;
  --sh-surface-hover:rgba(34,28,52,.94)!important;
  --sh-primary:var(--sg-nova-purple)!important;
  --sh-primary-hover:var(--sg-nova-purple-2)!important;
  --sh-vip:var(--sg-nova-purple-2)!important;
  --sh-vip-gradient:var(--sg-nova-gradient)!important;
  --sh-text:var(--sg-nova-text)!important;
  --sh-text-muted:var(--sg-nova-muted)!important;
  --sh-border:var(--sg-nova-line)!important;
  --bein-bg:var(--sg-nova-bg)!important;
  --bein-bg-deep:#030308!important;
  --bein-header:rgba(5,5,11,.68)!important;
  --bein-panel:var(--sg-nova-panel)!important;
  --bein-panel-2:var(--sg-nova-panel-2)!important;
  --bein-purple:var(--sg-nova-purple)!important;
  --bein-purple-light:var(--sg-nova-purple-2)!important;
  --bein-blue:var(--sg-nova-blue)!important;
  --sg-purple:var(--sg-nova-purple)!important;
  --sg-purple-2:var(--sg-nova-purple-2)!important;
  --sg-blue:var(--sg-nova-blue)!important;
  --sg-border:var(--sg-nova-line)!important;
  --sg-muted:var(--sg-nova-muted)!important;
  --font-ui:'Tajawal','Roboto','Arial',sans-serif!important;
}

html{background:var(--sg-nova-bg)!important;scroll-behavior:smooth}
body{
  color:var(--sg-nova-text)!important;
  font-family:'Tajawal','Roboto','Arial',sans-serif!important;
  background:
    radial-gradient(circle at 86% -8%,rgba(214,168,79,.34),transparent 360px),
    radial-gradient(circle at 4% 22%,rgba(246,196,90,.14),transparent 420px),
    radial-gradient(circle at 50% 112%,rgba(244,210,122,.16),transparent 440px),
    linear-gradient(180deg,#05050b 0%,#070711 48%,#040409 100%)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(255,255,255,.028),transparent 62%);
  background-size:46px 46px,46px 46px,100% 100%;
  mask-image:radial-gradient(circle at center,#000 0%,transparent 86%);
}
::selection{background:rgba(244,210,122,.42);color:#fff}

/* Header / navigation — Nova glass shell */
.sh-navbar,.bein-header,.header,.sg-header,.topbar,.navbar{
  background:rgba(5,5,11,.62)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 40px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
}
.sh-navbar.is-scrolled,.bein-header.is-scrolled,.header.is-scrolled,.sg-header.is-scrolled{
  background:rgba(5,5,11,.48)!important;
  border-bottom-color:rgba(255,255,255,.16)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.06) inset!important;
}
.sh-brand,.brand,.connect-logo,.brand-text h1{
  color:#fff!important;
  letter-spacing:-.01em;
}
.sh-brand span,.brand-text span,.connect-logo span{
  color:var(--sg-nova-purple-2)!important;
  text-shadow:0 0 24px rgba(244,210,122,.34);
}
.brand-icon,.brand__mark,.logo,.sg-logo,.connect-logo-mark{
  background:var(--sg-nova-gradient)!important;
  color:#fff!important;
  box-shadow:0 16px 42px rgba(214,168,79,.34)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.sh-nav-links a,.nav-desktop a,.bein-nav a,.bottom-nav a,.mobile-bottom a{
  color:var(--sg-nova-muted)!important;
}
.sh-nav-links a:hover,.sh-nav-links a.active,.nav-desktop a:hover,.nav-desktop a.active,.bein-nav a:hover,.bein-nav a.active,.bottom-nav a.active,.mobile-bottom a.active{
  color:#fff!important;
}
.sh-nav-links a.active::after,.bein-nav a.active::after{
  background:linear-gradient(90deg,var(--sg-nova-purple),var(--sg-nova-blue))!important;
  box-shadow:0 0 22px rgba(244,210,122,.40)!important;
}

/* Buttons */
.sh-btn-vip,.btn-primary,.sh-btn-play,.btn-subscribe,.google,.plan-card.featured .btn,.sg-primary,.btn.btn-primary{
  background:var(--sg-nova-gradient)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 42px rgba(214,168,79,.32)!important;
}
.sh-btn-vip:hover,.btn-primary:hover,.sh-btn-play:hover,.btn-subscribe:hover,.plan-card.featured .btn:hover,.sg-primary:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 56px rgba(214,168,79,.45)!important;
}
.sh-btn-secondary,.btn-glass,.btn-ghost,.secondary a,.sh-icon-btn,.icon-btn,.filter-chip,.tab,.pill,.sg-filter-btn{
  background:rgba(255,255,255,.065)!important;
  color:#f4eff8!important;
  border:1px solid rgba(255,255,255,.115)!important;
  backdrop-filter:blur(14px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%)!important;
}
.sh-btn-secondary:hover,.btn-glass:hover,.btn-ghost:hover,.secondary a:hover,.sh-icon-btn:hover,.icon-btn:hover,.filter-chip:hover,.tab:hover,.pill:hover,.sg-filter-btn:hover{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(244,210,122,.36)!important;
}
.btn-whatsapp{background:linear-gradient(135deg,#19c37d,#128c7e)!important;color:#fff!important}

/* Hero */
.sh-hero,.sg-hero-media,.hero,.bein-hero,.sg-hero-shell > *{
  border-radius:34px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:var(--sg-nova-shadow)!important;
  background:linear-gradient(135deg,rgba(214,168,79,.18),rgba(246,196,90,.08)),#05050b!important;
}
.sh-hero::after,.sg-hero-media::after,.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,11,.82) 0%,rgba(5,5,11,.42) 42%,transparent 100%),linear-gradient(0deg,rgba(5,5,11,.88),transparent 42%);
}
.sh-hero-content,.sg-hero-content-wrap,.hero-content{position:relative;z-index:2}
.sh-hero-tag,.sg-hero-kicker,.sg-live-pill,.sh-badge-live,.plan-tag,.ch-badge,.badge{
  background:rgba(214,168,79,.20)!important;
  color:#fff1bd!important;
  border:1px solid rgba(244,210,122,.38)!important;
  box-shadow:0 10px 26px rgba(214,168,79,.18)!important;
}
.sh-hero-title,.sg-hero-title,.section-header h2,.sh-section-title,h1,h2{
  color:#fff!important;
  text-shadow:0 16px 42px rgba(0,0,0,.28);
}
.sh-hero-subtitle,.sg-hero-subtitle,.section-header p,.sh-card-meta,p.sub,.muted,.hint{
  color:var(--sg-nova-muted)!important;
}
.sh-hero-progress-bar,[data-promo-progress]{background:linear-gradient(90deg,var(--sg-nova-purple),var(--sg-nova-blue))!important}

/* Cards / rails / sections */
.sh-section,.section,.bein-section{position:relative}
.sh-card,.ch-card,.plan-card,.sg-fixture-card,.sg-next-match-overlay,.bein-card,.live-card,.channel-card,.news-card,.summary-card,.schedule-card,.table-card,.account-card,.profile-card,.box,.card,.sg-card,.fixture-card,article[class*="card"]{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:var(--sg-nova-radius)!important;
  box-shadow:0 20px 65px rgba(0,0,0,.33)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sh-card:hover,.ch-card:hover,.plan-card:hover,.sg-fixture-card:hover,.live-card:hover,.channel-card:hover,.news-card:hover,.summary-card:hover,.schedule-card:hover,article[class*="card"]:hover{
  border-color:rgba(244,210,122,.34)!important;
  transform:translateY(-3px);
  box-shadow:0 28px 78px rgba(0,0,0,.44),0 0 0 1px rgba(244,210,122,.10) inset!important;
}
.sh-card-thumb,.ch-icon,.sg-team-logo,.player-shell,.video-shell,.sg-video-container,.bein-player-shell{
  background:rgba(0,0,0,.36)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;
  overflow:hidden;
}
.sh-carousel,.channels-grid,.plans-grid,.sg-fixture-list,.grid,.cards-grid{
  scrollbar-color:rgba(244,210,122,.48) transparent;
}
.sh-carousel::-webkit-scrollbar,.channels-grid::-webkit-scrollbar{height:6px}
.sh-carousel::-webkit-scrollbar-thumb,.channels-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--sg-nova-purple),var(--sg-nova-blue));border-radius:999px}

/* Player / live controls */
.plyr,.sg-player,.bein-player,.live-player,.video-js,.player-card{
  border-radius:28px!important;
  overflow:hidden!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:var(--sg-nova-shadow)!important;
}
.plyr__control--overlaid,.sg-play-button,.play-button{
  background:var(--sg-nova-gradient)!important;
  box-shadow:0 18px 50px rgba(214,168,79,.45)!important;
}
.plyr--full-ui input[type=range]{color:var(--sg-nova-purple-2)!important}

/* Forms / login / account */
input,select,textarea,.form-control{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:16px!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus{
  border-color:rgba(244,210,122,.58)!important;
  box-shadow:0 0 0 4px rgba(214,168,79,.18)!important;
}
label{color:#e8def0!important}

/* Bottom navigation */
.sh-bottom-nav,.bottom-nav,.mobile-bottom{
  background:rgba(5,5,11,.70)!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
  box-shadow:0 -18px 46px rgba(0,0,0,.34)!important;
}
.sh-bottom-nav a.active,.bottom-nav a.active,.mobile-bottom a.active{
  color:#fff!important;
  background:rgba(214,168,79,.18)!important;
  border:1px solid rgba(244,210,122,.26)!important;
}

/* Tables and status */
table{border-collapse:separate!important;border-spacing:0 8px!important}
th{color:#dcd4e8!important;background:rgba(255,255,255,.045)!important}
td{background:rgba(255,255,255,.035)!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.status-ok,.online,.active,.success{color:#8fffd3!important}.status-bad,.offline,.danger,.error{color:#ff8dab!important}

/* Professional access/empty states */
.sg-access-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 84% 8%,rgba(214,168,79,.34),transparent 360px),radial-gradient(circle at 8% 92%,rgba(246,196,90,.12),transparent 360px),#05050b;color:#fff;font-family:'Tajawal','Roboto','Arial',sans-serif}
.sg-access-box{width:min(720px,94vw);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.52);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.sg-access-mark{width:58px;height:58px;border-radius:21px;display:grid;place-items:center;background:var(--sg-nova-gradient);box-shadow:0 16px 42px rgba(214,168,79,.35);font-weight:1000;margin-bottom:16px}
.sg-access-box h1{margin:0 0 12px;font-size:26px;letter-spacing:-.02em}.sg-access-box p{line-height:1.9;color:var(--sg-nova-muted);margin:0 0 16px}.sg-access-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.sg-access-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:16px;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.12);color:#fff;background:rgba(255,255,255,.07)}.sg-access-actions a.primary{background:var(--sg-nova-gradient);box-shadow:0 16px 38px rgba(214,168,79,.32)}.sg-access-reason{direction:ltr;text-align:left;color:#8d879c!important;font-size:12px;margin-top:18px!important}

@media(max-width:760px){
  :root{--sg-nova-radius:22px}
  body{padding-bottom:64px}
  .sh-navbar,.bein-header,.header,.sg-header{min-height:52px!important}
  .sh-brand,.brand{font-size:16px!important;margin-left:10px!important}
  .sh-hero,.sg-hero-media,.hero{border-radius:0 0 28px 28px!important;border-left:0!important;border-right:0!important}
  .sh-card,.ch-card,.plan-card,.sg-fixture-card,.sg-next-match-overlay,.card,.box{border-radius:22px!important}
  .sg-access-box{padding:22px;border-radius:26px}.sg-access-actions{flex-direction:column}.sg-access-actions a{width:100%}
}


/* =========================================================
   SpaceGate Nova — LIVE IDENTITY
   هدف الملف: تحويل الهوية من أزرق/بنفسجي إلى أسود/ذهبي بدون المساس بمنطق الخدمة.
   ========================================================= */
:root{
  --sg-nova-bg:#07080c!important;
  --sg-nova-bg-2:#0b0d12!important;
  --sg-nova-panel:rgba(18,17,14,.78)!important;
  --sg-nova-panel-2:rgba(34,28,16,.72)!important;
  --sg-nova-purple:#d6a84f!important;
  --sg-nova-purple-2:#f4d27a!important;
  --sg-nova-blue:#f6c45a!important;
  --sg-nova-text:#fffaf0!important;
  --sg-nova-muted:#c9b98f!important;
  --sg-nova-line:rgba(214,168,79,.22)!important;
  --sg-nova-gradient:linear-gradient(135deg,#8a6426 0%,#d6a84f 42%,#fff0a8 58%,#a9792d 100%)!important;
  --sg-nova-shadow:0 28px 90px rgba(0,0,0,.58),0 0 70px rgba(214,168,79,.15)!important;
  --sh-primary:#d6a84f!important;
  --sh-primary-hover:#f4d27a!important;
  --sh-vip:#d6a84f!important;
  --sh-vip-gradient:var(--sg-nova-gradient)!important;
  --sh-text:#fffaf0!important;
  --sh-text-muted:#c9b98f!important;
  --sh-border:rgba(214,168,79,.22)!important;
  --bein-purple:#d6a84f!important;
  --bein-purple-light:#f4d27a!important;
  --bein-blue:#f6c45a!important;
  --sg-purple:#d6a84f!important;
  --sg-purple-2:#f4d27a!important;
  --sg-blue:#f6c45a!important;
  --sg-border:rgba(214,168,79,.22)!important;
  --sg-muted:#c9b98f!important;
}
html{background:#07080c!important}
body{
  background:
    radial-gradient(circle at 86% -8%,rgba(214,168,79,.28),transparent 360px),
    radial-gradient(circle at 8% 24%,rgba(246,196,90,.11),transparent 420px),
    radial-gradient(circle at 50% 112%,rgba(138,100,38,.20),transparent 440px),
    linear-gradient(180deg,#06070a 0%,#090a0f 48%,#050609 100%)!important;
  color:#fffaf0!important;
}
::selection{background:rgba(214,168,79,.48)!important;color:#080808!important}
.sh-navbar,.bein-header,.header,.sg-header,.topbar,.navbar{
  background:rgba(7,8,12,.68)!important;
  border-bottom:1px solid rgba(214,168,79,.18)!important;
  box-shadow:0 1px 0 rgba(255,240,168,.08) inset,0 18px 56px rgba(0,0,0,.36)!important;
}
.sh-navbar.is-scrolled,.bein-header.is-scrolled,.header.is-scrolled,.sg-header.is-scrolled{
  background:rgba(7,8,12,.54)!important;
  border-bottom-color:rgba(244,210,122,.30)!important;
}
.sh-brand,.brand,.connect-logo,.sg-login-brand{gap:10px!important}
.sh-brand::before,.brand::before,.connect-logo.sh-brand::before,.connect-logo:not(:has(strong))::before{
  content:""!important;
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  display:inline-block!important;vertical-align:middle!important;
  border-radius:14px!important;
  background:url('img/spacegate-logomark.png') center/contain no-repeat,linear-gradient(135deg,#1b1409,#080808)!important;
  box-shadow:0 12px 34px rgba(214,168,79,.26)!important;
  border:1px solid rgba(244,210,122,.28)!important;
}
.brand-icon,.brand__mark,.logo,.sg-logo,.connect-logo-mark,.sg-login-logo{
  background:url('img/spacegate-logomark.png') center/82% no-repeat,linear-gradient(135deg,#1b1409,#080808)!important;
  color:transparent!important;
  text-indent:-999px!important;
  overflow:hidden!important;
  border:1px solid rgba(244,210,122,.28)!important;
  box-shadow:0 16px 42px rgba(214,168,79,.26)!important;
}
.sh-brand span,.brand-text span,.connect-logo span,.sg-login-name span,
.sh-hero-title span,.gold-text{color:#f4d27a!important;text-shadow:0 0 24px rgba(214,168,79,.34)!important}
.sh-btn-vip,.btn-primary,.sh-btn-play,.btn-subscribe,.google,.plan-card.featured .btn,.sg-primary,.btn.btn-primary,.btn-connect,.small-btn.primary,.status.upcoming,.sh-hero-play-btn{
  background:var(--sg-nova-gradient)!important;
  color:#080808!important;
  border:1px solid rgba(255,240,168,.28)!important;
  box-shadow:0 18px 48px rgba(214,168,79,.30)!important;
  text-shadow:none!important;
}
.sh-btn-vip:hover,.btn-primary:hover,.sh-btn-play:hover,.btn-subscribe:hover,.plan-card.featured .btn:hover,.sg-primary:hover,.btn-connect:hover{
  box-shadow:0 24px 70px rgba(214,168,79,.42)!important;
}
.sh-btn-secondary,.btn-glass,.btn-ghost,.secondary a,.sh-icon-btn,.icon-btn,.filter-chip,.tab,.pill,.sg-filter-btn,.section-count,.small-btn{
  background:rgba(255,255,255,.055)!important;
  color:#fff8e6!important;
  border:1px solid rgba(214,168,79,.18)!important;
}
.sh-btn-secondary:hover,.btn-glass:hover,.btn-ghost:hover,.secondary a:hover,.sh-icon-btn:hover,.icon-btn:hover,.filter-chip:hover,.tab:hover,.pill:hover,.sg-filter-btn:hover,.small-btn:hover{
  background:rgba(214,168,79,.12)!important;
  border-color:rgba(244,210,122,.40)!important;
}
.sh-hero,.sg-hero-media,.hero,.bein-hero,.sg-hero-shell > *{
  background:linear-gradient(135deg,rgba(214,168,79,.16),rgba(138,100,38,.10)),#06070a!important;
  border:1px solid rgba(214,168,79,.20)!important;
  box-shadow:var(--sg-nova-shadow)!important;
}
.sh-hero-tag,.sg-hero-kicker,.sg-live-pill,.sh-badge-live,.plan-tag,.ch-badge,.badge,.sg-login-badge,.sh-mini-badge{
  background:rgba(214,168,79,.14)!important;
  color:#fff1bd!important;
  border:1px solid rgba(244,210,122,.38)!important;
  box-shadow:0 10px 26px rgba(214,168,79,.14)!important;
}
.sh-card,.ch-card,.plan-card,.sg-fixture-card,.sg-next-match-overlay,.bein-card,.live-card,.channel-card,.news-card,.summary-card,.schedule-card,.table-card,.account-card,.profile-card,.box,.card,.sg-card,.fixture-card,article[class*="card"],.sg-login-card,.modal-box{
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(214,168,79,.045))!important;
  border:1px solid rgba(214,168,79,.18)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.40)!important;
}
.sh-card:hover,.ch-card:hover,.plan-card:hover,.sg-fixture-card:hover,.live-card:hover,.channel-card:hover,.news-card:hover,.summary-card:hover,.schedule-card:hover,article[class*="card"]:hover{
  border-color:rgba(244,210,122,.44)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.50),0 0 0 1px rgba(244,210,122,.13) inset!important;
}
.sh-hero-progress-bar,[data-promo-progress],.match-card::before,.plyr--full-ui input[type=range]{background:var(--sg-nova-gradient)!important;color:#d6a84f!important}
.channel-logo::after{background:rgba(214,168,79,.16)!important;color:#fff1bd!important;border-color:rgba(244,210,122,.30)!important}
.sh-channel-logo,.sg-team-logo,.team img{border-color:rgba(244,210,122,.30)!important;box-shadow:0 10px 26px rgba(214,168,79,.13)!important}
input,select,textarea,.form-control{border-color:rgba(214,168,79,.22)!important;background:rgba(255,255,255,.065)!important;color:#fffaf0!important}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:#f4d27a!important;box-shadow:0 0 0 4px rgba(214,168,79,.16)!important}
.sh-bottom-nav,.bottom-nav,.mobile-bottom{background:rgba(7,8,12,.72)!important;border-top:1px solid rgba(214,168,79,.18)!important;box-shadow:0 -18px 54px rgba(0,0,0,.34)!important}
.sh-bottom-nav a.active,.bottom-nav a.active,.mobile-bottom a.active{color:#f4d27a!important}
.sg-login-shell::before,.sh-page-heading::before{
  content:"";display:block;width:min(210px,48vw);height:min(210px,48vw);margin:0 auto 12px;
  background:url('img/spacegate-logomark.png') center/contain no-repeat;
  filter:drop-shadow(0 18px 42px rgba(214,168,79,.20));
}
.sg-login-brand + .sg-login-card{margin-top:6px!important}
@media(max-width:760px){.sh-brand::before,.brand::before,.connect-logo.sh-brand::before{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:12px!important}.sg-login-shell::before{width:150px;height:150px}}