body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: #10153e url('/images/bg.png') no-repeat center top;
  background-size: cover;
  color: #aefbff;
  font-family: 'Orbitron', Arial, sans-serif;
}
.sonic-header {
  width: 100%;
  background: linear-gradient(90deg, #10153e 60%, #1e284d 100%);
  box-shadow: 0 2px 12px 0 #0ff3, 0 1px 0 #181b2f;
  min-height: 64px;
  position: fixed; top: 0; left: 0; z-index: 100;
  display: flex; align-items: center; justify-content: center;
}
.header-content {
  max-width: 1400px; width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; padding: 0 18px;
}
.logo-animate {
  font-size: 2rem;
  letter-spacing: 2px;
  font-weight: 900;
  background: linear-gradient(90deg,#00ffe7,#ff48ea,#ffef40,#00ffe7,#0a70ff,#00ffe7);
  background-size: 500% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: logoRainbow 5s linear infinite;
  text-shadow: 0 0 16px #0ff8, 0 0 44px #09f4;
  font-family: 'Orbitron', Arial, sans-serif;
  cursor: pointer;
}
@keyframes logoRainbow {
  0% { background-position: 0% 50%;}
  50% { background-position: 100% 50%;}
  100% { background-position: 0% 50%;}
}
.burger {
  width: 40px; height: 40px; background: none; border: none; display: none;
  flex-direction: column; justify-content: center; align-items: center; cursor: pointer; z-index: 110;
}
.burger-bar {
  display: block; width: 28px; height: 4px; background: #00ffe7; margin: 3px 0; border-radius: 3px;
  box-shadow: 0 0 6px #00ffe7a7; transition: all 0.2s;
}
.burger.open .burger-bar:nth-child(1) { transform: rotate(45deg) translateY(8px);}
.burger.open .burger-bar:nth-child(2) { opacity: 0;}
.burger.open .burger-bar:nth-child(3) { transform: rotate(-45deg) translateY(-8px);}
.nav-links {
  display: flex; gap: 2rem; align-items: center;
}
.nav-links a {
  color: #fff; text-decoration: none; font-size: 1.07rem; padding: 8px 18px;
  border-radius: 10px;
  background: linear-gradient(120deg,#0b1649 60%, #163782 100%);
  margin-left: 10px; transition: background 0.2s, color 0.2s, transform 0.15s;
  box-shadow: 0 0 16px #00ffe7a2;
}
.nav-links a:hover, .nav-links .active {
  background: #10285a; color: #00ffe7; transform: scale(1.07);
  box-shadow: 0 0 24px #00ffe7e0;
}
@media (max-width: 900px) {
  .burger { display: flex; }
  .nav-links {
    position: fixed; left: 0; top: 64px; width: 100vw;
    flex-direction: column; gap: 0; background: linear-gradient(130deg,#151d38f2 80%, #0cf9ff11 100%);
    box-shadow: 0 6px 30px #00ffe7aa; border-radius: 0 0 18px 18px;
    z-index: 120; padding: 14px 0 10px 0;
    transform: translateY(-130%); opacity: 0; pointer-events: none;
    transition: transform 0.27s cubic-bezier(.29,1.27,.61,.91), opacity 0.16s;
    justify-content: center; align-items: center;
  }
  .nav-links.open {
    transform: translateY(0); opacity: 1; pointer-events: all;
  }
  .nav-links a {
    width: 90vw; text-align: center; margin: 0; padding: 16px 0;
    border-radius: 10px; font-size: 1.14rem;
    box-shadow: none; background: none;
    border-bottom: 1px solid #00ffe733;
    display: block;
  }
  .nav-links a:last-child { border-bottom: none; }
}
.gtranslate_wrapper { margin-top: 72px; text-align: right; max-width: 1400px; margin-left: auto; margin-right: auto; }
@media (max-width: 700px) {
  .gtranslate_wrapper { margin-top: 58px; text-align: center; }
}

.reviews-container {
  max-width: 680px;
  margin: 120px auto 0 auto;
  background: rgba(14,24,56,0.94);
  border-radius: 18px;
  box-shadow: 0 2px 28px #00ffe766, 0 0 0 2.5px #00ffe733 inset;
  padding: 36px 28px 16px 28px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reviews-title {
  font-size: 2.2rem;
  color: #16f0ff;
  letter-spacing: 1.5px;
  margin-bottom: 28px;
  text-shadow: 0 0 22px #19e0fc88, 0 1px 7px #181e36;
  font-family: 'Orbitron', Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}
.reviews-form textarea {
  width: 100%; max-width: 490px; min-width:180px;
  padding: 12px 14px; font-size: 1.11em; border-radius: 11px;
  background: #161e3b; color: #aefbff; border: 2px solid #19f0e1; resize: vertical;
  box-shadow: 0 2px 12px #09f4a555;
  margin-bottom: 10px;
}
.reviews-form button {
  padding: 11px 34px;
  border-radius: 9px;
  background: linear-gradient(90deg,#0cf1f1 0%, #ffe66d 100%);
  color: #091431;
  border: none; font-size: 1.08em;
  cursor: pointer; font-weight: bold;
  box-shadow: 0 0 16px #00ffe7a2;
  transition: background 0.13s, color 0.13s;
}
.reviews-form button:hover { background: linear-gradient(90deg, #ffe66d 0%, #09ffe7 100%);}
.stars {
  display: flex; gap: 4px; font-size: 1.7em; margin: 7px 0 14px 0; color: #ffe66d; cursor: pointer;
  justify-content: center;
}
.stars span { cursor: pointer; color: #2a355a; transition: color 0.14s;}
.stars .selected, .stars span.selected { color: #ffe66d; text-shadow: 0 0 9px #ffe66d, 0 1px 2px #093; }
.review-list { width:100%; margin-top:24px;}
.review-item { background:rgba(20,32,70,0.87); color:#eafffa; margin:18px 0; border-radius:10px; padding:14px 18px;}
.review-meta { font-size:0.99em; color:#83d5ff; margin-top:6px;}
.reviews-empty { color: #4be7ff; margin: 32px 0 14px 0; font-size: 1.16em; text-align: center;}
.reviews-status { min-height:32px;margin:8px 0;font-size:1.11em;text-align:center;}
.sonic-footer {
  width: 100%;
  background: linear-gradient(90deg, #171b2d 70%, #253479 100%);
  position: relative; left: 0; bottom: 0; z-index: 99;
  box-shadow: 0 -2px 16px #00ffe7a3;
  padding: 12px 0 7px 0;
  font-size: 1.02rem;
  color: #b6faff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 24px;
}
@media (max-width: 700px) {
  .reviews-container {
    margin: 90px 0 0 0;
    border-radius: 12px;
    padding: 14px 6px 12px 6px;
    max-width: 99vw;
  }
  .reviews-title { font-size: 1.25rem;}
}