/* подключается ТОЛЬКО на главной; удалить — и всё как было */
:root{
  --neon1:#00e7ff; --neon2:#7af3ff; --pink:#ff54c9; --bg:#0a0f27; --ink:#e6f3ff;
}
body{
  background: radial-gradient(1200px 600px at 50% -10%, #18204a 0%, #0b0f25 40%, #050713 100%) !important;
}
.hero, .hero-section{
  padding-top: 56px!important; padding-bottom: 32px!important;
}
.logo-circle{
  width: 140px; height:140px; margin: 12px auto 10px;
  border-radius:50%;
  background: radial-gradient(circle at 40% 35%, #0ff4 0, #0ff0 55%), #06122a;
  box-shadow: 0 0 60px #00e7ff33, inset 0 0 24px #00e7ff22;
  display:grid; place-items:center;
}
.logo-circle img{ transform: scale(1.06); filter: drop-shadow(0 6px 18px #00e7ff44); }

h1, .site-title{
  font-family: 'Orbitron', sans-serif;
  font-weight: 800; letter-spacing: .02em; line-height: 1.05;
  font-size: clamp(28px, 6vw, 44px);
  background: linear-gradient(90deg, var(--neon1), var(--pink) 55%, var(--neon2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 0 18px #00e7ff55, 0 0 28px #00e7ff33;
  margin: 8px 0 12px;
}

.btn, .button, .cta{
  display:inline-block;
  padding: 14px 22px; border-radius: 16px; font-weight: 700;
  background: linear-gradient(90deg, #00d5ff, #4d9dff 60%, #b65cff);
  color:#051222!important; border:0;
  box-shadow: 0 10px 32px #00e7ff66, 0 0 0 2px #0ff3 inset;
  transform: translateZ(0);
}
.btn:hover{ box-shadow: 0 14px 40px #00e7ffaa, 0 0 0 2px #fff8 inset; filter: brightness(1.06); }

.tile, .card, .menu-box{
  border-radius: 18px;
  background: linear-gradient(160deg, #0b1a3a 0%, #0a1330 100%);
  box-shadow: 0 14px 30px #000a, inset 0 0 0 1px #3bd3ff22, 0 0 30px #00e7ff11;
  border: 1px solid #2b3c6a66;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.tile:active{ transform: scale(.98); }
.tile:hover{ box-shadow: 0 18px 46px #001325, 0 0 18px #00e7ff55; }

.label, .tile h3, .tile .title{ color: var(--ink)!important; letter-spacing:.06em; }

footer, .footer{ border-top:1px solid #2b3c6a55; background:#050915; }
.vignette::before{
  content:""; position:fixed; inset:-10% -10% -10% -10%; pointer-events:none;
  background: radial-gradient(90% 60% at 50% 20%, transparent 0 60%, #0008 100%);
}
/* Подключается только на главной; удалить этот файл/линк — и всё как было */
:root{ --neon1:#00e7ff; --neon2:#7af3ff; --pink:#ff54c9; --ink:#e6f3ff; }

body{
  background: radial-gradient(1200px 600px at 50% -10%, #18204a 0%, #0b0f25 40%, #050713 100%) !important;
}

.hero-section{ padding:56px 16px 32px; text-align:center; position:relative; }
.vignette::before{
  content:""; position:fixed; inset:-10% -10% -10% -10%; pointer-events:none;
  background: radial-gradient(90% 60% at 50% 20%, transparent 0 60%, #0008 100%);
}

.logo-circle{
  width:140px; height:140px; margin:10px auto 12px; border-radius:50%;
  background: radial-gradient(circle at 40% 35%, #0ff4 0, #0ff0 55%), #06122a;
  box-shadow: 0 0 60px #00e7ff33, inset 0 0 24px #00e7ff22;
  display:grid; place-items:center;
}
.logo-circle img{ transform:scale(1.06); filter:drop-shadow(0 6px 18px #00e7ff44); }

.site-title{
  font-family:'Orbitron',sans-serif; font-weight:800; letter-spacing:.02em; line-height:1.05;
  font-size:clamp(28px,6vw,44px);
  background:linear-gradient(90deg,var(--neon1),var(--pink) 55%,var(--neon2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:0 0 18px #00e7ff55, 0 0 28px #00e7ff33;
  margin:8px 0 14px;
}

.cta{
  display:inline-block; padding:14px 22px; border-radius:16px; font-weight:700;
  background:linear-gradient(90deg,#00d5ff,#4d9dff 60%,#b65cff);
  color:#051222!important; border:0;
  box-shadow:0 10px 32px #00e7ff66, 0 0 0 2px #0ff3 inset;
}
.cta:hover{ box-shadow:0 14px 40px #00e7ffaa, 0 0 0 2px #fff8 inset; filter:brightness(1.06); }

.tile,.card,.menu-box{
  border-radius:18px; background:linear-gradient(160deg,#0b1a3a 0%,#0a1330 100%);
  box-shadow:0 14px 30px #000a, inset 0 0 0 1px #3bd3ff22, 0 0 30px #00e7ff11;
  border:1px solid #2b3c6a66; transition:transform .12s, box-shadow .12s, filter .12s;
}
.tile:active{ transform:scale(.98); }
.tile:hover{ box-shadow:0 18px 46px #001325, 0 0 18px #00e7ff55; }