* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  background:linear-gradient(to bottom,rgba(9,8,6,0.96),rgba(14,11,7,0.94));
  color:#e8dcc3;
  font-family:Georgia,"Times New Roman",serif;
  overflow-x:hidden
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font-family:inherit
}
.page-background {
  position:fixed;
  inset:0;
  z-index:-3;
  background-image:linear-gradient(rgba(7,6,4,0.35),rgba(7,6,4,0.85)),url("../ravex/images/bg-ravex.png");
  background-size:cover;
  background-position:center top;
  background-attachment:fixed
}
.page-overlay {
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:radial-gradient(circle at 50% 25%,transparent 0%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.8) 100%)
}
.header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  border-bottom:1px solid rgba(181,139,69,0.35);
  background:linear-gradient(to bottom,rgba(8,7,5,0.95),rgba(8,7,5,0.55),transparent)
}
.header-inner {
  width:min(1450px,92%);
  min-height:100px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative
}
.logo {
  position:inherit;
  left:9%;
  top:15px;
  transform:translateX(-50%);
  z-index:10;
  text-align:center;
  width:234px;
  padding:8px 20px 15px;
  clip-path:polygon(10% 0,90% 0,100% 15%,90% 100%,10% 100%,0 15%);
  height:80px
}
.logo-line {
  display:block;
  color:#e7d6af;
  font-size:31px;
  letter-spacing:8px;
  text-shadow:0 2px 4px #000,0 0 15px rgba(211,166,84,0.25)
}
.logo-sub {
  display:block;
  margin-top:2px;
  font-size:9px;
  letter-spacing:5px;
  color:#967b4d
}
.navigation {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10%;
  margin-top:0
}
.nav-link {
  position:relative;
  padding:38px 14px 28px;
  color:#d7c49d;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.5px;
  transition:color 0.3s ease,text-shadow 0.3s ease
}
.nav-link:hover,
.nav-link.active {
  color:#f3d99d;
  text-shadow:0 0 10px rgba(218,169,83,0.55)
}
.nav-link::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:17px;
  width:0;
  height:1px;
  transform:translateX(-50%);
  background:#c59a53;
  transition:width 0.3s ease
}
.nav-link:hover::after,
.nav-link.active::after {
  width:35px
}
.mobile-menu-button {
  display:none;
  position:absolute;
  right:10px;
  width:42px;
  height:42px;
  border:1px solid #92713e;
  background:rgba(0,0,0,0.7);
  cursor:pointer
}
.mobile-menu-button span {
  display:block;
  width:20px;
  height:1px;
  margin:5px auto;
  background:#d9c092
}
.mobile-navigation {
  display:none;
  position:fixed;
  top:70px;
  left:0;
  width:100%;
  z-index:99;
  padding:20px;
  background:rgba(8,7,5,0.97);
  border-bottom:1px solid #73552c
}
.mobile-navigation.open {
  display:block
}
.mobile-navigation a {
  display:block;
  padding:16px;
  border-bottom:1px solid rgba(154,117,60,0.2);
  color:#d9c092;
  text-align:center;
  font-size:14px;
  text-transform:uppercase
}
.hero {
  position:relative;
  min-height:917px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid rgba(167,126,61,0.5);
  background:url("../ravex/images/bg-ravex.png") center center / cover no-repeat
}
.hero::before {
  content:"";
  position:absolute;
  inset:20px;
  pointer-events:none;
  border:1px solid rgba(164,125,62,0.6);
  box-shadow:inset 0 0 80px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.8)
}
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,0.5),transparent 35%,transparent 65%,rgba(0,0,0,0.4))
}
.hero-container {
  position:relative;
  width:min(1200px,90%);
  min-height:680px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  z-index:2
}
.hero-content {
  width:55%;
  margin-top:50px;
  text-align:center;
  animation:heroAppear 1.3s ease forwards
}
@keyframes heroAppear {
  from {
    opacity:0;
    transform:translateY(25px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.hero-label {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:20px;
  color:#aa8b58;
  font-size:12px;
  letter-spacing:4px
}
.hero-label span {
  width:35px;
  height:1px;
  background:linear-gradient(to right,transparent,#aa8b58)
}
.hero-label span:last-child {
  background:linear-gradient(to left,transparent,#aa8b58)
}
.hero h1 {
  color:#ead7ac;
  font-size:clamp(38px,5vw,66px);
  line-height:1.05;
  font-weight:400;
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 3px 4px #000,0 0 20px rgba(0,0,0,0.7)
}
.hero h1 strong {
  font-weight:400;
  font-size:0.73em;
  letter-spacing:4px
}
.hero-description {
  margin-top:28px;
  color:#e4d7bc;
  font-size:15px;
  line-height:1.8;
  letter-spacing:1px;
  text-shadow:0 2px 4px #000
}
.hero-buttons {
  display:flex;
  justify-content:center;
  gap:18px;
  margin-top:35px
}
.button {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease
}
.button::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.button:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.button-gold {
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2
}
.button-gold:hover {
  background:linear-gradient(135deg,#815b27,#b8883d 50%,#65451d);
  box-shadow:0 0 25px rgba(181,133,53,0.35)
}
.server-status {
  position:absolute;
  bottom:65px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  color:#9f967f;
  font-size:11px;
  letter-spacing:1px;
  padding:8px 15px;
  border:1px solid rgba(146,109,52,0.25);
  background:rgba(0,0,0,0.35)
}
.server-status strong {
  color:#d2b26e;
  margin-left:5px
}
.status-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#7da85a;
  box-shadow:0 0 8px #7da85a
}
.slider-dots {
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:13px
}
.slider-dot {
  width:9px;
  height:9px;
  border:1px solid #a3834d;
  transform:rotate(45deg);
  background:transparent;
  cursor:pointer
}
.slider-dot.active {
  background:#d7b56f
}
.section {
  position:relative;
  padding:110px 20px;
  background:linear-gradient(to bottom,rgba(9,8,6,0.96),rgba(14,11,7,0.94));
  border-bottom:1px solid rgba(145,105,48,0.25)
}
.section-dark {
  background:linear-gradient(to bottom,rgba(5,5,4,0.97),rgba(12,9,6,0.97))
}
.section-container {
  width:min(1150px,92%);
  margin:auto;
  text-align:center
}
.section-title {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
  color:#ad8b51;
  font-size:12px;
  letter-spacing:4px
}
.title-decoration {
  width:70px;
  height:1px;
  background:linear-gradient(to right,transparent,#866530)
}
.title-decoration:last-child {
  background:linear-gradient(to left,transparent,#866530)
}
.section h2 {
  color:#dfc998;
  font-size:clamp(30px,4vw,48px);
  font-weight:400;
  letter-spacing:3px;
  text-shadow:0 2px 5px #000
}
.section-description {
  width:min(984px,100%);
  margin:30px auto 60px;
  color:#aaa08c;
  font-size:15px;
  line-height:1.9
}
.info-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px
}
.info-card {
  position:relative;
  padding:40px 25px;
  min-height:230px;
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  border:1px solid rgba(151,113,57,0.35);
  transition:transform 0.3s ease,border-color 0.3s ease
}
.info-card::before {
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(165,124,62,0.12);
  pointer-events:none
}
.info-card:hover {
  transform:translateY(-8px);
  border-color:rgba(188,146,77,0.7)
}
.info-number {
  margin-bottom:18px;
  color:#a8854d;
  font-size:24px;
  letter-spacing:3px
}
.info-card h3 {
  margin-bottom:15px;
  color:#d9c18e;
  font-size:18px;
  font-weight:400;
  letter-spacing:2px
}
.info-card p {
  color:#8f897a;
  font-size:13px;
  line-height:1.7
}
.news-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  margin-top:55px
}
.news-card {
  padding:35px;
  text-align:left;
  background:linear-gradient(145deg,rgba(29,24,17,0.85),rgba(8,7,5,0.95));
  border:1px solid rgba(144,105,50,0.35);
  transition:transform 0.3s ease,border-color 0.3s ease
}
.news-card:hover {
  transform:translateY(-5px);
  border-color:rgba(184,141,70,0.7)
}
.news-date {
  margin-bottom:15px;
  color:#927344;
  font-size:11px;
  letter-spacing:2px
}
.news-card h3 {
  margin-bottom:18px;
  color:#d7bf8c;
  font-size:19px;
  font-weight:400;
  letter-spacing:1px
}
.news-card p {
  color:#8f897d;
  font-size:13px;
  line-height:1.8;
  margin-bottom:20px
}
.news-card a {
  color:#b28b4d;
  font-size:11px;
  letter-spacing:1px;
  transition:color 0.3s ease
}
.news-card a:hover {
  color:#e0c58c
}
.registration-section {
  padding:120px 20px;
  position:relative;
  background:radial-gradient(circle,rgba(88,63,28,0.22),transparent 65%),#090806
}
.registration-container {
  width:min(900px,92%);
  margin:auto;
  text-align:center;
  padding:70px 30px;
  border:1px solid rgba(163,122,59,0.45);
  background:linear-gradient(145deg,rgba(31,24,15,0.8),rgba(8,7,5,0.95));
  box-shadow:0 20px 70px rgba(0,0,0,0.5)
}
.registration-content h2 {
  margin:20px 0;
  color:#e3ca94;
  font-size:clamp(34px,5vw,55px);
  font-weight:400;
  letter-spacing:3px
}
.registration-content p {
  width:min(600px,100%);
  margin:0 auto 35px;
  color:#999080;
  line-height:1.8
}
.footer {
  padding:60px 20px 40px;
  background:#050504;
  border-top:1px solid rgba(151,111,54,0.25)
}
.footer-inner {
  width:min(1100px,92%);
  margin:auto;
  text-align:center
}
.footer-logo {
  margin-bottom:25px;
  color:#d2b985;
  font-size:30px;
  letter-spacing:8px
}
.footer-links {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:25px;
  margin-bottom:30px
}
.footer-links a {
  color:#756c5c;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1px;
  transition:color 0.3s ease
}
.footer-links a:hover {
  color:#c7a96d
}
.copyright {
  color:#4f4b42;
  font-size:11px;
  line-height:1.8
}
@media (max-width:1000px) {
  .navigation {
    display:none
  }
  .mobile-menu-button {
    display:block
  }
  .logo {
    top:10px
  }
  .header-inner {
    min-height:70px
  }
  .hero {
    min-height:720px
  }
  .hero-container {
    justify-content:center
  }
  .hero-content {
    width:90%;
    margin-top:80px
  }
  .info-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .news-grid {
    grid-template-columns:1fr
  }
}
@media (max-width:600px) {
  .page-background {
    background-position:35% top;
    background-attachment:scroll
  }
  .hero {
    min-height:700px
  }
  .hero::before {
    inset:10px
  }
  .hero-content {
    width:100%
  }
  .hero h1 {
    font-size:34px
  }
  .hero h1 strong {
    font-size:24px
  }
  .hero-description {
    font-size:12px
  }
  .hero-buttons {
    flex-direction:column;
    align-items:center
  }
  .button {
    width:230px
  }
  .server-status {
    white-space:nowrap;
    font-size:9px
  }
  .section {
    padding:75px 15px
  }
  .section h2 {
    font-size:29px
  }
  .section-title {
    font-size:10px;
    letter-spacing:2px
  }
  .title-decoration {
    width:30px
  }
  .info-grid {
    grid-template-columns:1fr
  }
  .info-card {
    min-height:auto
  }
  .registration-container {
    padding:50px 20px
  }
  .footer-links {
    flex-direction:column;
    gap:15px
  }
}
.wikibutton {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.wikibutton::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.wikibutton:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.content {
  position:relative;
  width:min(960px,92%);
  margin:-25px auto 0;
  z-index:5
}
.start-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:18px
}
.content-box {
  position:relative;
  padding:27px 28px;
  min-height:260px;
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  border:1px solid rgba(160,116,51,0.75);
  box-shadow:inset 0 0 35px rgba(0,0,0,0.75),0 8px 30px rgba(0,0,0,0.4);
  margin-bottom:15px
}
.content-box::before {
  content:"";
  position:absolute;
  inset:6px;
  pointer-events:none;
  border:1px solid rgba(128,91,41,0.28)
}
.content-box::after {
  content:"◆";
  position:absolute;
  top:-9px;
  left:50%;
  transform:translateX(-50%);
  padding:0 12px;
  color:#a67b37;
  font-size:13px;
  background:#090807
}
.box-content {
  position:relative;
  z-index:2
}
.step-title,
.box-title {
  margin-bottom:10px;
  color:#dcb77b;
  text-align:center;
  font-size:18px;
  letter-spacing:1px
}
.step-title span {
  position:relative
}
.step-title span::before,
.step-title span::after {
  content:"◇";
  margin:0 10px;
  font-size:9px;
  color:var(--gold)
}
.content-box h2 {
  color:#dfc18a;
  text-align:center;
  font-size:16px;
  line-height:1.35;
  font-weight:400
}
.box-row {
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:17px
}
.box-icon {
  flex:0 0 100px;
  width:100px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#bd8d3f;
  font-size:58px;
  border-radius:50%;
  text-shadow:0 2px 5px #000
}
.account-icon {
  background:radial-gradient(circle,rgba(121,81,26,0.35),transparent 65%)
}
.client-icon {
  font-size:70px
}
.info-icon {
  font-size:58px
}
.question-icon {
  font-size:60px
}
.box-text {
  flex:1
}
.box-text p {
  color:#b5a78e;
  font-size:13px;
  line-height:1.7;
  text-align:center
}
.box-text p p {
  margin-top:10px
}
.software-buttons {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:20px
}
.software {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:4px;
  color:#ddd;
  font-family:Arial,sans-serif;
  font-size:15px;
  font-weight:bold;
  border:1px solid rgba(255,255,255,0.2)
}
.amd {
  background:linear-gradient(135deg,#1d292b,#101719)
}
.nvidia {
  background:linear-gradient(135deg,#3a651f,#1b3310)
}
.directx {
  background:linear-gradient(135deg,#472a4b,#27142b);
  font-size:10px
}
.ccleaner {
  background:linear-gradient(135deg,#63264c,#301126)
}
.center-text {
  color:#a99d87;
  text-align:center;
  font-size:13px;
  line-height:1.6;
  margin-top:13px
}
.patch-divider {
  height:1px;
  margin:20px 0;
  background:linear-gradient(90deg,transparent,rgba(164,118,52,0.7),transparent)
}
.small-title {
  font-size:17px
}
.source-links {
  display:flex;
  justify-content:space-around;
  gap:10px;
  margin-top:16px
}
.source-links a {
  color:#b79a6a;
  font-size:12px;
  text-decoration:underline;
  transition:0.3s ease
}
.source-links a:hover {
  color:#e5c68d
}
.help-box {
  grid-column:1 / -1;
  min-height:190px
}
.help-content {
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:35px;
  align-items:center
}
.help-left h2,
.help-right h2 {
  text-align:left;
  font-size:17px
}
.help-left p,
.help-right p {
  margin-top:10px;
  color:#9f947e;
  font-size:12px;
  line-height:1.6
}
.help-divider {
  width:1px;
  height:130px;
  background:linear-gradient(to bottom,transparent,rgba(155,112,50,0.7),transparent)
}
.help-buttons {
  display:flex;
  gap:10px;
  margin-top:15px
}
.small-button {
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  color:#d6bd8d;
  font-size:11px;
  border:1px solid rgba(155,111,52,0.7);
  background:#11100e;
  transition:0.3s ease
}
.small-button:hover {
  background:#282016;
  color:#f0d29a
}
.why-section {
  margin-top:30px;
  padding:25px 0 45px
}
.section-line-title {
  display:flex;
  align-items:center;
  gap:20px
}
.section-line-title span {
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(154,111,51,0.7))
}
.section-line-title span:last-child {
  background:linear-gradient(90deg,rgba(154,111,51,0.7),transparent)
}
.section-line-title h2 {
  flex-shrink:0;
  color:#d7b878;
  font-size:18px;
  font-weight:400;
  letter-spacing:1px
}
.advantages {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:28px
}
.advantage {
  padding:10px 15px;
  text-align:center;
  border-right:1px solid rgba(137,99,45,0.35)
}
.advantage:last-child {
  border-right:none
}
.advantage-icon {
  width:75px;
  height:75px;
  margin:0 auto 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#b3843e;
  font-size:39px;
  text-shadow:0 2px 4px #000,0 0 10px rgba(185,131,46,0.2)
}
.advantage h3 {
  color:#d5b477;
  font-size:15px;
  font-weight:400;
  letter-spacing:1px
}
.advantage p {
  margin-top:9px;
  color:#8d8371;
  font-size:11px;
  line-height:1.6
}
.herostart {
  position:relative;
  min-height:334px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid rgba(167,126,61,0.5);
  background:linear-gradient(to bottom,rgba(9,8,6,0.96),rgba(14,11,7,0.94));
  background-position-x:0%;
  background-position-y:0%
}
.gold-button {
  position:relative;
  display:block;
  width:260px;
  margin:22px auto 0;
  padding:12px 15px;
  text-align:center;
  color:#e7c889;
  font-size:14px;
  letter-spacing:1px;
  border:1px solid #a77932;
  border-top-color:rgb(167,121,50);
  border-right-color:rgb(167,121,50);
  border-bottom-color:rgb(167,121,50);
  border-left-color:rgb(167,121,50);
  box-shadow:inset 0 0 10px rgba(0,0,0,0.5),0 3px 8px rgba(0,0,0,0.5);
  transition:0.3s ease;
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2
}
.gold-button::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.gold-button:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6);
  background:linear-gradient(135deg,#815b27,#b8883d 50%,#65451d);
  box-shadow:0 0 25px rgba(181,133,53,0.35)
}
.rows-dow {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:23px
}
.buttonsd {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.buttonsd::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.buttonsd:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.buttonsdsoftamd {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  background:linear-gradient(135deg,#1d292b,#101719);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.buttonsdsoftamd::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.buttonsdsoftamd:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.buttonsdsoftnvidia {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  background:linear-gradient(135deg,#3a651f,#1b3310);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.buttonsdsoftnvidia::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.buttonsdsoftnvidia:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.buttonsdsoftdirectx {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  background:linear-gradient(135deg,#472a4b,#27142b);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.buttonsdsoftdirectx::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.buttonsdsoftdirectx:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.buttonsdsoftccleaner {
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1px;
  background:linear-gradient(135deg,#63264c,#301126);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.buttonsdsoftccleaner::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.buttonsdsoftccleaner:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.rows-pdat {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:23px
}
.buttonupdat {
  position:relative;
  min-width:158px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top:5%
}
.buttonupdat::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.buttonupdat:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.social-section {
  position:relative;
  padding:80px 20px;
  background:linear-gradient(180deg,rgba(8,7,6,0.97),rgba(12,10,7,0.98));
  border-top:1px solid rgba(151,108,49,0.35);
  border-bottom:1px solid rgba(151,108,49,0.35);
  overflow:hidden
}
.social-section::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:800px;
  height:400px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(129,88,33,0.13),transparent 70%);
  pointer-events:none
}
.social-section::after {
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(139,98,43,0.12);
  pointer-events:none
}
.social-container {
  position:relative;
  z-index:2;
  width:min(1100px,94%);
  margin:0 auto;
  text-align:center
}
.social-heading {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px
}
.social-heading h2 {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  white-space:nowrap;
  color:#dfc998;
  font-size:clamp(30px,4vw,48px);
  font-weight:400;
  letter-spacing:3px;
  text-shadow:0 2px 5px #000
}
.social-line {
  width:100px;
  height:1px;
  background:linear-gradient(90deg,transparent,#89632f)
}
.social-line:last-child {
  background:linear-gradient(90deg,#89632f,transparent)
}
.social-description {
  max-width:600px;
  margin:18px auto 35px;
  color:#928672;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1.7
}
.social-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px
}
.social-card {
  position:relative;
  min-height:95px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:15px 18px;
  text-align:left;
  background:linear-gradient(145deg,rgba(28,24,18,0.95),rgba(8,8,7,0.98));
  border:1px solid rgba(145,103,46,0.55);
  box-shadow:inset 0 0 25px rgba(0,0,0,0.55),0 5px 15px rgba(0,0,0,0.25);
  overflow:hidden;
  transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease
}
.social-card::before {
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(158,113,52,0.14);
  pointer-events:none
}
.social-card::after {
  content:"";
  position:absolute;
  top:0;
  left:20%;
  width:60%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(204,159,79,0.6),transparent)
}
.social-card:hover {
  transform:translateY(-5px);
  border-color:rgba(195,145,67,0.85);
  box-shadow:inset 0 0 25px rgba(0,0,0,0.5),0 10px 25px rgba(0,0,0,0.5),0 0 20px rgba(153,108,43,0.12)
}
.social-icon {
  position:relative;
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(159,116,57,0.65);
  background:radial-gradient(circle,rgba(103,73,32,0.28),rgba(8,8,7,0.9));
  transform:rotate(45deg);
  transition:background 0.3s ease,border-color 0.3s ease
}
.social-icon i {
  display:block;
  transform:rotate(-45deg);
  color:#d4b276;
  font-size:24px;
  text-shadow:0 2px 4px #000;
  transition:color 0.3s ease,transform 0.3s ease
}
.social-card:hover .social-icon {
  border-color:#c59a54;
  background:radial-gradient(circle,rgba(137,96,38,0.45),rgba(8,8,7,0.9))
}
.social-info {
  position:relative;
  z-index:2;
  min-width:0
}
.social-info h3 {
  margin:0 0 6px;
  color:#d9bd87;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:1px
}
.social-info p {
  margin:0;
  color:#817969;
  font-family:Arial,sans-serif;
  font-size:11px;
  line-height:1.5
}
.social-arrow {
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  color:#8b6836;
  font-size:20px;
  opacity:0.5;
  transition:transform 0.3s ease,color 0.3s ease,opacity 0.3s ease
}
.social-card:hover .social-arrow {
  color:#d2ad6d;
  opacity:1;
  transform:translate(4px,-50%)
}
.social-facebook:hover {
  border-color:rgb(24,119,242)
}
.social-telegram:hover {
  border-color:rgb(0,136,204)
}
.social-discord:hover {
  border-color:rgb(88,101,242)
}
.social-youtube:hover {
  border-color:rgb(255,0,0)
}
.social-support:hover {
  border-color:orange
}
.social-footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:35px;
  color:#6f6657;
  font-family:Arial,sans-serif;
  font-size:9px;
  letter-spacing:2px
}
.online-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#769d55;
  box-shadow:0 0 8px rgba(118,157,85,0.8)
}
.social-separator {
  color:#936d35;
  font-size:7px
}
.social-card {
  opacity:0;
  transform:translateY(20px)
}
.social-card.visible {
  opacity:1;
  transform:translateY(0)
}
@media (max-width:900px) {
  .social-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:600px) {
  .social-section {
    padding:60px 15px
  }
  .social-heading {
    gap:10px
  }
  .social-heading h2 {
    font-size:16px;
    letter-spacing:1px
  }
  .social-line {
    width:35px
  }
  .social-description {
    font-size:12px
  }
  .social-grid {
    grid-template-columns:1fr
  }
  .social-card {
    min-height:88px
  }
  .social-footer {
    flex-wrap:wrap;
    font-size:8px;
    letter-spacing:1px
  }
}
.agreement-page {
  position:relative;
  min-height:100vh;
  background:radial-gradient(ellipse at top,rgba(91,63,28,0.16),transparent 55%),linear-gradient(180deg,#0b0a08,#11100d 45%,#080807);
  overflow:hidden
}
.page-frame {
  position:fixed;
  inset:12px;
  border:1px solid rgba(155,112,54,0.45);
  pointer-events:none;
  z-index:20
}
.page-frame::before,
.page-frame::after {
  content:"◆";
  position:absolute;
  color:#9b713b;
  font-size:13px
}
.page-frame::before {
  top:-8px;
  left:50%;
  transform:translateX(-50%)
}
.page-frame::after {
  bottom:-8px;
  left:50%;
  transform:translateX(-50%)
}
.agreement-header {
  position:relative;
  z-index:5;
  height:86px;
  border-bottom:1px solid rgba(146,103,47,0.45);
  background:linear-gradient(180deg,rgba(18,16,13,0.98),rgba(10,9,8,0.98))
}
.logo {
  display:flex;
  flex-direction:column;
  text-decoration:none;
  text-align:center
}
.logo-main {
  color:#d8bd82;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  letter-spacing:8px;
  text-shadow:0 2px 4px #000
}
.logo-sub {
  margin-top:2px;
  color:#80643c;
  font-size:8px;
  letter-spacing:4px
}
.agreement-nav {
  display:flex;
  gap:35px
}
.agreement-nav a {
  position:relative;
  color:#bba77f;
  text-decoration:none;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  text-transform:uppercase;
  transition:color 0.3s ease
}
.agreement-nav a::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:1px;
  background:#c69b58;
  transition:width 0.3s ease
}
.agreement-nav a:hover {
  color:#e2c486
}
.agreement-nav a:hover::after {
  width:100%
}
.agreement-hero {
  position:relative;
  text-align:right;
  max-width:1550px;
  color:#807564
}
.hero-decoration {
  margin-bottom:20px;
  color:#a77a3c;
  font-size:16px
}
.agreement-hero h1 {
  margin:0;
  color:#d9bc80;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(32px,5vw,58px);
  font-weight:400;
  letter-spacing:5px;
  line-height:1.15;
  text-shadow:0 3px 5px #000,0 0 20px rgba(174,129,60,0.12)
}
.agreement-hero p {
  margin:20px auto 25px;
  color:#8f806b;
  font-size:14px
}
.hero-divider {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
}
.hero-divider span {
  width:130px;
  height:1px;
  background:linear-gradient(90deg,transparent,#8c6433)
}
.hero-divider span:last-child {
  background:linear-gradient(90deg,#8c6433,transparent)
}
.hero-divider i {
  color:#b58745;
  font-size:11px
}
.agreement-date {
  margin-top:18px;
  font-size:10px;
  letter-spacing:2px;
  color:#807564;
  margin-bottom:18px
}
.agreement-content {
  width:min(1180px,92%);
  margin:0 auto 80px;
  display:grid;
  grid-template-columns:270px 1fr;
  gap:30px
}
.agreement-sidebar {
  position:sticky;
  top:25px;
  align-self:start;
  padding:25px 20px;
  background:linear-gradient(145deg,rgba(26,23,18,0.97),rgba(9,9,8,0.98));
  border:1px solid rgba(145,103,48,0.5);
  box-shadow:inset 0 0 30px rgba(0,0,0,0.5)
}
.sidebar-title {
  padding-bottom:16px;
  margin-bottom:15px;
  border-bottom:1px solid rgba(145,103,48,0.35);
  color:#d0af73;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:2px;
  text-align:center
}
.agreement-sidebar nav {
  display:flex;
  flex-direction:column
}
.agreement-sidebar a {
  padding:9px 5px;
  color:#807564;
  text-decoration:none;
  font-size:11px;
  line-height:1.4;
  border-bottom:1px solid rgba(125,91,44,0.08);
  transition:color 0.25s ease,padding 0.25s ease
}
.agreement-sidebar a:hover,
.agreement-sidebar a.active {
  color:#d0ad70;
  padding-left:10px
}
.agreement-document {
  min-width:0;
  padding:40px 45px;
  background:linear-gradient(145deg,rgba(25,22,17,0.97),rgba(9,9,8,0.98));
  border:1px solid rgba(145,103,48,0.55);
  box-shadow:inset 0 0 60px rgba(0,0,0,0.55),0 10px 35px rgba(0,0,0,0.3)
}
.document-notice {
  display:flex;
  gap:18px;
  padding:20px 22px;
  margin-bottom:45px;
  background:rgba(92,66,30,0.11);
  border:1px solid rgba(154,112,56,0.35)
}
.document-notice>i {
  flex:0 0 38px;
  color:#b98a48;
  font-size:28px
}
.document-notice strong {
  display:block;
  margin-bottom:7px;
  color:#d1ad6f;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:1px
}
.document-notice p {
  margin:0;
  color:#8d806c;
  font-size:12px;
  line-height:1.7
}
.agreement-document section {
  position:relative;
  padding-bottom:40px;
  margin-bottom:42px;
  border-bottom:1px solid rgba(126,92,43,0.22);
  scroll-margin-top:30px
}
.section-number {
  margin-bottom:8px;
  color:#79572e;
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:3px
}
.agreement-document h2 {
  margin:0 0 22px;
  color:#d3b274;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:400;
  letter-spacing:1px
}
.agreement-document h3 {
  margin:25px 0 12px;
  color:#b99760;
  font-family:Georgia,serif;
  font-size:15px;
  font-weight:400
}
.agreement-document p {
  margin:0 0 16px;
  color:#958975;
  font-size:13px;
  line-height:1.9
}
.agreement-document ul {
  margin:15px 0 20px;
  padding-left:20px
}
.agreement-document li {
  margin-bottom:11px;
  padding-left:6px;
  color:#918572;
  font-size:13px;
  line-height:1.7
}
.agreement-document li::marker {
  color:#9b7036
}
.definition-list {
  display:flex;
  flex-direction:column;
  gap:10px
}
.definition-list div {
  padding:13px 16px;
  background:rgba(0,0,0,0.18);
  border-left:2px solid rgba(148,105,48,0.55)
}
.definition-list strong {
  margin-right:5px;
  color:#c7a66b;
  font-family:Georgia,serif
}
.definition-list span {
  color:#918472;
  font-size:12px;
  line-height:1.6
}
.gold-box {
  display:flex;
  align-items:center;
  gap:18px;
  margin:25px 0;
  padding:20px;
  background:rgba(108,77,31,0.12);
  border:1px solid rgba(158,115,54,0.35)
}
.gold-box i {
  color:#b88947;
  font-size:25px
}
.gold-box p {
  margin:0
}
.law-list {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:25px
}
.law-item {
  display:flex;
  align-items:center;
  gap:18px;
  padding:17px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.law-item>i {
  width:32px;
  color:#ae8041;
  font-size:20px;
  text-align:center
}
.law-item strong {
  display:block;
  margin-bottom:5px;
  color:#c9a76a;
  font-family:Georgia,serif;
  font-size:13px
}
.law-item span {
  color:#817665;
  font-size:11px
}
.law-note {
  margin-top:25px;
  padding:20px;
  background:rgba(137,98,38,0.08);
  border:1px solid rgba(145,103,48,0.25)
}
.law-note strong {
  color:#c9a76a;
  font-family:Georgia,serif
}
.law-note p {
  margin:10px 0 0;
  font-size:11px
}
.contact-box {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:25px
}
.contact-box>div {
  padding:20px 15px;
  text-align:center;
  background:rgba(0,0,0,0.25);
  border:1px solid rgba(137,98,43,0.3)
}
.contact-box i {
  display:block;
  margin-bottom:10px;
  color:#aa7b3c;
  font-size:23px
}
.contact-box span {
  display:block;
  margin-bottom:10px;
  color:#b99a62;
  font-family:Georgia,serif;
  font-size:13px
}
.contact-box a {
  color:#7e725f;
  font-size:10px;
  text-decoration:none
}
.contact-box a:hover {
  color:#d1ad6e
}
.agreement-final {
  padding:40px 20px;
  text-align:center
}
.final-icon {
  width:70px;
  height:70px;
  margin:0 auto 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #8e6531;
  transform:rotate(45deg)
}
.final-icon i {
  transform:rotate(-45deg);
  color:#bd9250;
  font-size:25px
}
.agreement-final h2 {
  margin-bottom:12px;
  color:#d3b275;
  font-family:Georgia,serif;
  letter-spacing:6px
}
.agreement-final p {
  max-width:500px;
  margin:0 auto 20px
}
.final-divider {
  margin:20px 0;
  color:#91672f
}
.agreement-final>span {
  color:#625847;
  font-size:10px;
  letter-spacing:1px
}
@media (max-width:900px) {
  .agreement-content {
    grid-template-columns:1fr
  }
  .agreement-sidebar {
    position:relative;
    top:auto
  }
  .agreement-sidebar nav {
    display:grid;
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:650px) {
  .agreement-header {
    height:auto;
    padding:20px 0
  }
  .header-inner {
    flex-direction:column;
    gap:20px
  }
  .agreement-nav {
    gap:15px;
    flex-wrap:wrap;
    justify-content:center
  }
  .agreement-content {
    width:94%
  }
  .agreement-document {
    padding:25px 18px
  }
  .agreement-sidebar nav {
    grid-template-columns:1fr
  }
  .agreement-hero {
    padding:60px 15px 45px
  }
  .agreement-hero h1 {
    font-size:30px;
    letter-spacing:2px
  }
  .hero-divider span {
    width:55px
  }
  .contact-box {
    grid-template-columns:1fr
  }
  .footer-inner {
    flex-direction:column;
    gap:20px;
    padding:30px 0;
    text-align:center
  }
  .footer-links {
    flex-wrap:wrap;
    justify-content:center
  }
}
.privacy-page {
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:radial-gradient(ellipse at top,rgba(91,63,28,0.16),transparent 55%),linear-gradient(180deg,#0b0a08,#11100d 45%,#080807)
}
.page-frame {
  position:fixed;
  inset:12px;
  border:1px solid rgba(155,112,54,0.45);
  pointer-events:none;
  z-index:50
}
.page-frame::before,
.page-frame::after {
  content:"◆";
  position:absolute;
  color:#9b713b;
  font-size:13px
}
.page-frame::before {
  top:-8px;
  left:50%;
  transform:translateX(-50%)
}
.page-frame::after {
  bottom:-8px;
  left:50%;
  transform:translateX(-50%)
}
.privacy-header {
  position:relative;
  z-index:10;
  height:86px;
  border-bottom:1px solid rgba(146,103,47,0.45);
  background:linear-gradient(180deg,rgba(18,16,13,0.98),rgba(10,9,8,0.98))
}
.logo {
  display:flex;
  flex-direction:column;
  text-decoration:none;
  text-align:center
}
.logo-main {
  color:#d8bd82;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  letter-spacing:8px;
  text-shadow:0 2px 4px #000
}
.logo-sub {
  margin-top:2px;
  color:#80643c;
  font-size:8px;
  letter-spacing:4px
}
.privacy-nav {
  display:flex;
  align-items:center;
  gap:30px
}
.privacy-nav a {
  position:relative;
  color:#bba77f;
  text-decoration:none;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  text-transform:uppercase;
  transition:color 0.3s ease
}
.privacy-nav a::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:1px;
  background:#c69b58;
  transition:width 0.3s ease
}
.privacy-nav a:hover {
  color:#e2c486
}
.privacy-nav a:hover::after {
  width:100%
}
.privacy-hero {
  position:relative;
  padding:90px 20px 65px;
  text-align:center;
  background:radial-gradient(ellipse,rgba(120,83,34,0.18),transparent 65%)
}
.hero-decoration {
  margin-bottom:20px;
  color:#a77a3c;
  font-size:16px
}
.privacy-hero h1 {
  margin:0;
  color:#d9bc80;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(32px,5vw,58px);
  font-weight:400;
  letter-spacing:5px;
  line-height:1.15;
  text-shadow:0 3px 5px #000,0 0 20px rgba(174,129,60,0.12)
}
.privacy-hero p {
  margin:20px auto 25px;
  color:#8f806b;
  font-size:14px
}
.hero-divider {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
}
.hero-divider span {
  width:130px;
  height:1px;
  background:linear-gradient(90deg,transparent,#8c6433)
}
.hero-divider span:last-child {
  background:linear-gradient(90deg,#8c6433,transparent)
}
.hero-divider i {
  color:#b58745;
  font-size:12px
}
.privacy-date {
  margin-top:18px;
  color:#675b4a;
  font-size:10px;
  letter-spacing:2px
}
.privacy-content {
  width:min(1180px,92%);
  margin:0 auto 80px;
  display:grid;
  grid-template-columns:270px 1fr;
  gap:30px
}
.privacy-sidebar {
  position:sticky;
  top:25px;
  align-self:start;
  padding:25px 20px;
  background:linear-gradient(145deg,rgba(26,23,18,0.97),rgba(9,9,8,0.98));
  border:1px solid rgba(145,103,48,0.5);
  box-shadow:inset 0 0 30px rgba(0,0,0,0.5)
}
.sidebar-title {
  padding-bottom:16px;
  margin-bottom:15px;
  border-bottom:1px solid rgba(145,103,48,0.35);
  color:#d0af73;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:2px;
  text-align:center
}
.privacy-sidebar nav {
  display:flex;
  flex-direction:column
}
.privacy-sidebar a {
  padding:9px 5px;
  color:#807564;
  text-decoration:none;
  font-size:11px;
  line-height:1.4;
  border-bottom:1px solid rgba(125,91,44,0.08);
  transition:color 0.25s ease,padding 0.25s ease
}
.privacy-sidebar a:hover,
.privacy-sidebar a.active {
  color:#d0ad70;
  padding-left:10px
}
.privacy-document {
  min-width:0;
  padding:40px 45px;
  background:linear-gradient(145deg,rgba(25,22,17,0.97),rgba(9,9,8,0.98));
  border:1px solid rgba(145,103,48,0.55);
  box-shadow:inset 0 0 60px rgba(0,0,0,0.55),0 10px 35px rgba(0,0,0,0.3)
}
.document-notice {
  display:flex;
  gap:18px;
  padding:20px 22px;
  margin-bottom:45px;
  background:rgba(92,66,30,0.11);
  border:1px solid rgba(154,112,56,0.35)
}
.document-notice>i {
  flex:0 0 38px;
  color:#b98a48;
  font-size:28px
}
.document-notice strong {
  display:block;
  margin-bottom:7px;
  color:#d1ad6f;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:1px
}
.document-notice p {
  margin:0;
  color:#8d806c;
  font-size:12px;
  line-height:1.7
}
.privacy-document section {
  position:relative;
  padding-bottom:40px;
  margin-bottom:42px;
  border-bottom:1px solid rgba(126,92,43,0.22);
  scroll-margin-top:30px
}
.section-number {
  margin-bottom:8px;
  color:#79572e;
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:3px
}
.privacy-document h2 {
  margin:0 0 22px;
  color:#d3b274;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:400;
  letter-spacing:1px
}
.privacy-document h3 {
  margin:0 0 12px;
  color:#b99760;
  font-family:Georgia,serif;
  font-size:15px;
  font-weight:400
}
.privacy-document p {
  margin:0 0 16px;
  color:#958975;
  font-size:13px;
  line-height:1.9
}
.privacy-document ul {
  margin:15px 0 20px;
  padding-left:20px
}
.privacy-document li {
  margin-bottom:11px;
  padding-left:6px;
  color:#918572;
  font-size:13px;
  line-height:1.7
}
.privacy-document li::marker {
  color:#9b7036
}
.gold-box {
  display:flex;
  align-items:center;
  gap:18px;
  margin:25px 0;
  padding:20px;
  background:rgba(108,77,31,0.12);
  border:1px solid rgba(158,115,54,0.35)
}
.gold-box i {
  color:#b88947;
  font-size:25px
}
.gold-box p {
  margin:0
}
.data-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:25px
}
.data-card {
  padding:22px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.28);
  transition:border-color 0.3s ease,transform 0.3s ease
}
.data-card:hover {
  border-color:rgba(174,128,65,0.6);
  transform:translateY(-2px)
}
.data-card>i {
  margin-bottom:15px;
  color:#ad7f40;
  font-size:23px
}
.data-card h3 {
  margin:0 0 10px
}
.data-card p {
  margin:0;
  font-size:11px;
  line-height:1.7
}
.purpose-list {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px
}
.purpose-list div {
  display:flex;
  align-items:center;
  gap:15px;
  padding:16px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.22)
}
.purpose-list i {
  width:25px;
  color:#ad7f40;
  text-align:center
}
.purpose-list span {
  color:#918572;
  font-size:11px;
  line-height:1.5
}
.law-note {
  display:flex;
  gap:18px;
  padding:20px;
  margin-top:25px;
  background:rgba(110,78,31,0.09);
  border:1px solid rgba(145,103,48,0.35)
}
.law-note>i {
  color:#ad7f40;
  font-size:24px
}
.law-note strong {
  color:#c9a76a;
  font-family:Georgia,serif
}
.law-note p {
  margin:8px 0 0;
  font-size:11px
}
.technical-list {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin:25px 0
}
.technical-list div {
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  color:#918572;
  font-size:11px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.22)
}
.technical-list i {
  color:#aa7b3c;
  font-size:17px
}
.cookie-table {
  margin-top:25px;
  border:1px solid rgba(133,96,45,0.28)
}
.cookie-row {
  display:grid;
  grid-template-columns:170px 1fr;
  border-bottom:1px solid rgba(133,96,45,0.18)
}
.cookie-row:last-child {
  border-bottom:0
}
.cookie-row span {
  padding:14px;
  color:#8e806d;
  font-size:11px
}
.cookie-row span:first-child {
  color:#b89962;
  font-family:Georgia,serif
}
.cookie-head {
  background:rgba(112,79,31,0.13)
}
.cookie-head span {
  color:#c6a66a;
  font-size:11px
}
.storage-box {
  display:flex;
  align-items:center;
  gap:20px;
  padding:22px;
  margin-top:25px;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(140,101,48,0.3)
}
.storage-box>i {
  color:#ad7f40;
  font-size:28px
}
.storage-box strong {
  display:block;
  margin-bottom:6px;
  color:#c6a467;
  font-family:Georgia,serif
}
.storage-box p {
  margin:0;
  font-size:11px
}
.security-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:25px 0
}
.security-grid div {
  padding:20px 10px;
  text-align:center;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.security-grid i {
  display:block;
  margin-bottom:10px;
  color:#aa7b3c;
  font-size:21px
}
.security-grid span {
  color:#8d806e;
  font-size:10px
}
.rights-list {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin:25px 0
}
.rights-list div {
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 18px;
  background:rgba(0,0,0,0.2);
  border-left:2px solid rgba(148,105,48,0.55)
}
.rights-list i {
  color:#aa7b3c;
  width:22px;
  text-align:center
}
.rights-list span {
  color:#918572;
  font-size:11px;
  line-height:1.5
}
.law-list {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:25px
}
.law-item {
  display:flex;
  gap:20px;
  padding:22px;
  background:rgba(0,0,0,0.23);
  border:1px solid rgba(133,96,45,0.3);
  transition:border-color 0.3s ease,background 0.3s ease
}
.law-item:hover {
  border-color:rgba(174,128,65,0.55);
  background:rgba(95,68,30,0.08)
}
.law-icon {
  flex:0 0 40px;
  display:flex;
  align-items:flex-start;
  justify-content:center
}
.law-icon i {
  color:#ad7f40;
  font-size:24px
}
.law-item strong {
  display:block;
  margin-bottom:5px;
  color:#c8a76a;
  font-family:Georgia,serif;
  font-size:14px;
  line-height:1.5
}
.law-item span {
  display:block;
  margin-bottom:10px;
  color:#806f58;
  font-size:10px
}
.law-item p {
  margin:0;
  color:#8c7e6c;
  font-size:11px;
  line-height:1.7
}
.official-note {
  display:flex;
  gap:18px;
  margin-top:25px;
  padding:22px;
  background:rgba(112,79,31,0.08);
  border:1px solid rgba(145,103,48,0.35)
}
.official-note>i {
  color:#b08445;
  font-size:24px
}
.official-note strong {
  display:block;
  margin-bottom:8px;
  color:#c6a467;
  font-family:Georgia,serif
}
.official-note p {
  margin:0;
  font-size:11px
}
.contact-box {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:25px
}
.contact-box>div {
  padding:20px 15px;
  text-align:center;
  background:rgba(0,0,0,0.25);
  border:1px solid rgba(137,98,43,0.3)
}
.contact-box i {
  display:block;
  margin-bottom:10px;
  color:#aa7b3c;
  font-size:23px
}
.contact-box span {
  display:block;
  margin-bottom:10px;
  color:#b99a62;
  font-family:Georgia,serif;
  font-size:13px
}
.contact-box a {
  color:#7e725f;
  font-size:10px;
  text-decoration:none
}
.contact-box a:hover {
  color:#d1ad6e
}
.privacy-final {
  padding:45px 20px;
  text-align:center
}
.final-icon {
  width:70px;
  height:70px;
  margin:0 auto 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #8e6531;
  transform:rotate(45deg)
}
.final-icon i {
  transform:rotate(-45deg);
  color:#bd9250;
  font-size:25px
}
.privacy-final h2 {
  margin:0 0 12px;
  color:#d3b275;
  font-family:Georgia,serif;
  letter-spacing:6px
}
.privacy-final p {
  max-width:500px;
  margin:0 auto 20px
}
.final-divider {
  margin:20px 0;
  color:#91672f
}
.privacy-final>span {
  color:#625847;
  font-size:10px;
  letter-spacing:1px
}
@media (max-width:950px) {
  .privacy-content {
    grid-template-columns:1fr
  }
  .privacy-sidebar {
    position:relative;
    top:auto
  }
  .privacy-sidebar nav {
    display:grid;
    grid-template-columns:repeat(2,1fr)
  }
  .security-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:700px) {
  .privacy-header {
    height:auto;
    padding:20px 0
  }
  .header-inner {
    flex-direction:column;
    gap:20px
  }
  .privacy-nav {
    justify-content:center;
    flex-wrap:wrap;
    gap:15px
  }
  .privacy-content {
    width:94%
  }
  .privacy-document {
    padding:25px 18px
  }
  .privacy-hero {
    padding:60px 15px 45px
  }
  .privacy-hero h1 {
    font-size:30px;
    letter-spacing:2px
  }
  .hero-divider span {
    width:55px
  }
  .data-grid,
  .purpose-list,
  .technical-list {
    grid-template-columns:1fr
  }
  .security-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .contact-box {
    grid-template-columns:1fr
  }
  .privacy-sidebar nav {
    grid-template-columns:1fr
  }
  .law-item {
    flex-direction:column;
    gap:10px
  }
  .law-icon {
    justify-content:flex-start
  }
  .footer-inner {
    flex-direction:column;
    gap:20px;
    padding:30px 0;
    text-align:center
  }
  .footer-links {
    flex-wrap:wrap;
    justify-content:center
  }
}
@media (max-width:450px) {
  .privacy-hero h1 {
    font-size:25px
  }
  .security-grid {
    grid-template-columns:1fr
  }
  .cookie-row {
    grid-template-columns:1fr
  }
  .cookie-row span:first-child {
    padding-bottom:5px
  }
  .cookie-row span:last-child {
    padding-top:5px
  }
}
.refund-page {
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:radial-gradient(ellipse at top,rgba(91,63,28,0.16),transparent 55%),linear-gradient(180deg,#0b0a08,#11100d 45%,#080807)
}
.page-frame {
  position:fixed;
  inset:12px;
  border:1px solid rgba(155,112,54,0.45);
  pointer-events:none;
  z-index:50
}
.page-frame::before,
.page-frame::after {
  content:"◆";
  position:absolute;
  color:#9b713b;
  font-size:13px
}
.page-frame::before {
  top:-8px;
  left:50%;
  transform:translateX(-50%)
}
.page-frame::after {
  bottom:-8px;
  left:50%;
  transform:translateX(-50%)
}
.refund-header {
  position:relative;
  z-index:10;
  height:86px;
  border-bottom:1px solid rgba(146,103,47,0.45);
  background:linear-gradient(180deg,rgba(18,16,13,0.98),rgba(10,9,8,0.98))
}
.logo {
  display:flex;
  flex-direction:column;
  text-decoration:none;
  text-align:center
}
.logo-main {
  color:#d8bd82;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  letter-spacing:8px;
  text-shadow:0 2px 4px #000
}
.logo-sub {
  margin-top:2px;
  color:#80643c;
  font-size:8px;
  letter-spacing:4px
}
.refund-nav {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:25px
}
.refund-nav a {
  position:relative;
  color:#bba77f;
  text-decoration:none;
  font-family:Georgia,"Times New Roman",serif;
  font-size:10px;
  text-transform:uppercase;
  transition:color 0.3s ease
}
.refund-nav a::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:1px;
  background:#c69b58;
  transition:width 0.3s ease
}
.refund-nav a:hover {
  color:#e2c486
}
.refund-nav a:hover::after {
  width:100%
}
.refund-hero {
  position:relative;
  padding:90px 20px 65px;
  text-align:center;
  background:radial-gradient(ellipse,rgba(120,83,34,0.18),transparent 65%)
}
.hero-decoration {
  margin-bottom:20px;
  color:#a77a3c;
  font-size:16px
}
.refund-hero h1 {
  margin:0;
  color:#d9bc80;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(32px,5vw,58px);
  font-weight:400;
  letter-spacing:5px;
  line-height:1.15;
  text-shadow:0 3px 5px #000,0 0 20px rgba(174,129,60,0.12)
}
.refund-hero p {
  margin:20px auto 25px;
  color:#8f806b;
  font-size:14px
}
.hero-divider {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
}
.hero-divider span {
  width:130px;
  height:1px;
  background:linear-gradient(90deg,transparent,#8c6433)
}
.hero-divider span:last-child {
  background:linear-gradient(90deg,#8c6433,transparent)
}
.hero-divider i {
  color:#b58745;
  font-size:12px
}
.refund-date {
  margin-top:18px;
  color:#675b4a;
  font-size:10px;
  letter-spacing:2px
}
.refund-content {
  width:min(1180px,92%);
  margin:0 auto 80px;
  display:grid;
  grid-template-columns:270px 1fr;
  gap:30px
}
.refund-sidebar {
  position:sticky;
  top:25px;
  align-self:start;
  max-height:calc(100vh - 50px);
  overflow-y:auto;
  padding:25px 20px;
  background:linear-gradient(145deg,rgba(26,23,18,0.97),rgba(9,9,8,0.98));
  border:1px solid rgba(145,103,48,0.5);
  box-shadow:inset 0 0 30px rgba(0,0,0,0.5)
}
.refund-sidebar::-webkit-scrollbar {
  width:3px
}
.refund-sidebar::-webkit-scrollbar-thumb {
  background:#76542c
}
.sidebar-title {
  padding-bottom:16px;
  margin-bottom:15px;
  border-bottom:1px solid rgba(145,103,48,0.35);
  color:#d0af73;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:2px;
  text-align:center
}
.refund-sidebar nav {
  display:flex;
  flex-direction:column
}
.refund-sidebar a {
  padding:9px 5px;
  color:#807564;
  text-decoration:none;
  font-size:11px;
  line-height:1.4;
  border-bottom:1px solid rgba(125,91,44,0.08);
  transition:color 0.25s ease,padding 0.25s ease
}
.refund-sidebar a:hover,
.refund-sidebar a.active {
  color:#d0ad70;
  padding-left:10px
}
.refund-document {
  min-width:0;
  padding:40px 45px;
  background:linear-gradient(145deg,rgba(25,22,17,0.97),rgba(9,9,8,0.98));
  border:1px solid rgba(145,103,48,0.55);
  box-shadow:inset 0 0 60px rgba(0,0,0,0.55),0 10px 35px rgba(0,0,0,0.3)
}
.document-notice {
  display:flex;
  gap:18px;
  padding:20px 22px;
  margin-bottom:45px;
  background:rgba(92,66,30,0.11);
  border:1px solid rgba(154,112,56,0.35)
}
.document-notice>i {
  flex:0 0 38px;
  color:#b98a48;
  font-size:28px
}
.document-notice strong {
  display:block;
  margin-bottom:7px;
  color:#d1ad6f;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:1px
}
.document-notice p {
  margin:0;
  color:#8d806c;
  font-size:12px;
  line-height:1.7
}
.refund-document section {
  position:relative;
  padding-bottom:40px;
  margin-bottom:42px;
  border-bottom:1px solid rgba(126,92,43,0.22);
  scroll-margin-top:30px
}
.section-number {
  margin-bottom:8px;
  color:#79572e;
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:3px
}
.refund-document h2 {
  margin:0 0 22px;
  color:#d3b274;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:400;
  letter-spacing:1px
}
.refund-document h3 {
  margin:0 0 12px;
  color:#b99760;
  font-family:Georgia,serif;
  font-size:15px;
  font-weight:400
}
.refund-document p {
  margin:0 0 16px;
  color:#958975;
  font-size:13px;
  line-height:1.9
}
.refund-document ul {
  margin:15px 0 20px;
  padding-left:20px
}
.refund-document li {
  margin-bottom:10px;
  color:#918572;
  font-size:12px;
  line-height:1.7
}
.refund-document li::marker {
  color:#9b7036
}
.gold-box {
  display:flex;
  align-items:center;
  gap:18px;
  margin:25px 0;
  padding:20px;
  background:rgba(108,77,31,0.12);
  border:1px solid rgba(158,115,54,0.35)
}
.gold-box i {
  color:#b88947;
  font-size:25px
}
.gold-box p {
  margin:0
}
.definition-list {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:25px
}
.definition-list>div {
  padding:18px 20px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.definition-list strong {
  display:block;
  margin-bottom:7px;
  color:#c3a166;
  font-family:Georgia,serif
}
.definition-list p {
  margin:0;
  font-size:11px
}
.payment-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:25px
}
.payment-grid div {
  padding:20px 10px;
  text-align:center;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(133,96,45,0.25)
}
.payment-grid i {
  display:block;
  margin-bottom:12px;
  color:#ad7f40;
  font-size:22px
}
.payment-grid span {
  color:#8e806e;
  font-size:10px
}
.digital-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:25px
}
.digital-card {
  padding:23px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.28);
  transition:0.3s ease
}
.digital-card:hover {
  border-color:rgba(174,128,65,0.6);
  transform:translateY(-2px)
}
.digital-card>i {
  margin-bottom:15px;
  color:#ad7f40;
  font-size:23px
}
.digital-card h3 {
  margin:0 0 10px
}
.digital-card p {
  margin:0;
  font-size:11px
}
.refund-status {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px
}
.status-card {
  padding:25px 15px;
  text-align:center;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.status-icon {
  width:48px;
  height:48px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid
}
.status-icon.green {
  color:#a6a17a;
  border-color:rgba(150,145,91,0.4)
}
.status-icon.yellow {
  color:#b39155;
  border-color:rgba(179,145,85,0.4)
}
.status-icon.red {
  color:#8c6252;
  border-color:rgba(140,98,82,0.4)
}
.status-card strong {
  display:block;
  margin-bottom:7px;
  color:#bda06b;
  font-family:Georgia,serif
}
.status-card span {
  color:#756a5b;
  font-size:10px
}
.check-list,
.warning-list {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:25px
}
.check-list div,
.warning-list div {
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:15px 18px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.2)
}
.check-list i {
  color:#a99d69;
  margin-top:2px
}
.warning-list i {
  color:#946a4b;
  margin-top:2px
}
.check-list span,
.warning-list span {
  color:#918572;
  font-size:11px;
  line-height:1.6
}
.receipt-box {
  display:flex;
  gap:20px;
  padding:22px;
  margin-top:25px;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(138,99,45,0.3)
}
.receipt-box>i {
  color:#ad7f40;
  font-size:27px
}
.receipt-box strong {
  display:block;
  margin-bottom:8px;
  color:#c3a266;
  font-family:Georgia,serif
}
.receipt-box ul {
  margin:5px 0 0
}
.support-box,
.fraud-warning {
  display:flex;
  gap:18px;
  padding:21px;
  margin-top:25px;
  background:rgba(105,76,31,0.1);
  border:1px solid rgba(145,103,48,0.35)
}
.support-box>i,
.fraud-warning>i {
  color:#ad7f40;
  font-size:25px
}
.support-box strong,
.fraud-warning strong {
  display:block;
  margin-bottom:7px;
  color:#c5a467;
  font-family:Georgia,serif
}
.support-box p,
.fraud-warning p {
  margin:0;
  font-size:11px
}
.chargeback-box {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:25px
}
.chargeback-box>div {
  padding:22px 15px;
  text-align:center;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.chargeback-box i {
  display:block;
  margin-bottom:12px;
  color:#aa7b3c;
  font-size:22px
}
.chargeback-box strong {
  display:block;
  margin-bottom:7px;
  color:#b99a62;
  font-family:Georgia,serif
}
.chargeback-box span {
  color:#7e7362;
  font-size:10px;
  line-height:1.5
}
.steps {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:25px
}
.step {
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:20px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.step-number {
  flex:0 0 45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #7d592f;
  color:#ad7f40;
  font-family:Georgia,serif;
  font-size:11px
}
.step strong {
  display:block;
  margin-bottom:6px;
  color:#bda06b;
  font-family:Georgia,serif
}
.step p {
  margin:0;
  font-size:11px
}
.time-card {
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:25px;
  padding:22px;
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(137,98,43,0.3)
}
.time-card>i {
  color:#ad7f40;
  font-size:28px
}
.time-card strong {
  display:block;
  margin-bottom:7px;
  color:#c5a467;
  font-family:Georgia,serif
}
.time-card p {
  margin:0;
  font-size:11px
}
.money-flow {
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:35px
}
.money-flow>div:not(.flow-line) {
  text-align:center
}
.money-flow span {
  display:block;
  margin-bottom:8px;
  color:#76562f;
  font-size:9px
}
.money-flow i {
  display:flex;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  margin:auto;
  border:1px solid #7d5a30;
  color:#ad7f40
}
.money-flow strong {
  display:block;
  margin-top:8px;
  color:#998365;
  font-size:10px
}
.flow-line {
  width:55px;
  height:1px;
  margin:25px 10px 0;
  background:#674923
}
.law-list {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:25px
}
.law-item {
  display:flex;
  gap:20px;
  padding:22px;
  background:rgba(0,0,0,0.23);
  border:1px solid rgba(133,96,45,0.3);
  transition:border-color 0.3s ease,background 0.3s ease
}
.law-item:hover {
  border-color:rgba(174,128,65,0.55);
  background:rgba(95,68,30,0.08)
}
.law-icon {
  flex:0 0 40px;
  display:flex;
  align-items:flex-start;
  justify-content:center
}
.law-icon i {
  color:#ad7f40;
  font-size:24px
}
.law-item strong {
  display:block;
  margin-bottom:5px;
  color:#c8a76a;
  font-family:Georgia,serif;
  font-size:14px;
  line-height:1.5
}
.law-item span {
  display:block;
  margin-bottom:10px;
  color:#806f58;
  font-size:10px
}
.law-item p {
  margin:0;
  color:#8c7e6c;
  font-size:11px;
  line-height:1.7
}
.official-note {
  display:flex;
  gap:18px;
  margin-top:25px;
  padding:22px;
  background:rgba(112,79,31,0.08);
  border:1px solid rgba(145,103,48,0.35)
}
.official-note>i {
  color:#b08445;
  font-size:24px
}
.official-note strong {
  display:block;
  margin-bottom:8px;
  color:#c6a467;
  font-family:Georgia,serif
}
.official-note p {
  margin:0;
  font-size:11px
}
.dispute-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:25px
}
.dispute-grid div {
  padding:22px 15px;
  text-align:center;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(133,96,45,0.25)
}
.dispute-grid i {
  display:block;
  margin-bottom:12px;
  color:#aa7b3c;
  font-size:22px
}
.dispute-grid strong {
  display:block;
  margin-bottom:8px;
  color:#b99a62;
  font-family:Georgia,serif
}
.dispute-grid span {
  color:#7e7362;
  font-size:10px;
  line-height:1.6
}
.contact-box {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:25px
}
.contact-box>div {
  padding:20px 15px;
  text-align:center;
  background:rgba(0,0,0,0.25);
  border:1px solid rgba(137,98,43,0.3)
}
.contact-box i {
  display:block;
  margin-bottom:10px;
  color:#aa7b3c;
  font-size:23px
}
.contact-box span {
  display:block;
  margin-bottom:10px;
  color:#b99a62;
  font-family:Georgia,serif;
  font-size:13px
}
.contact-box a {
  color:#7e725f;
  font-size:10px;
  text-decoration:none
}
.contact-box a:hover {
  color:#d1ad6e
}
.faq-section {
  margin-top:50px
}
.faq-list {
  display:flex;
  flex-direction:column;
  gap:8px
}
.faq-item {
  background:rgba(0,0,0,0.2);
  border:1px solid rgba(133,96,45,0.25)
}
.faq-question {
  width:100%;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:transparent;
  border:0;
  color:#b89a63;
  text-align:left;
  font-family:Georgia,serif;
  font-size:13px;
  cursor:pointer
}
.faq-question i {
  color:#8c6533;
  transition:transform 0.3s ease
}
.faq-item.open .faq-question i {
  transform:rotate(180deg)
}
.faq-answer {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows 0.3s ease
}
.faq-answer p {
  overflow:hidden;
  margin:0;
  padding:0 20px;
  color:#857967;
  font-size:11px;
  line-height:1.8
}
.faq-item.open .faq-answer {
  grid-template-rows:1fr
}
.faq-item.open .faq-answer p {
  padding-bottom:20px
}
.refund-final {
  padding:45px 20px;
  text-align:center
}
.final-icon {
  width:70px;
  height:70px;
  margin:0 auto 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #8e6531;
  transform:rotate(45deg)
}
.final-icon i {
  transform:rotate(-45deg);
  color:#bd9250;
  font-size:25px
}
.refund-final h2 {
  margin:0 0 12px;
  color:#d3b275;
  font-family:Georgia,serif;
  letter-spacing:6px
}
.refund-final p {
  max-width:500px;
  margin:0 auto 20px
}
.final-divider {
  margin:20px 0;
  color:#91672f
}
.refund-final>span {
  color:#625847;
  font-size:10px;
  letter-spacing:1px
}
@media (max-width:1050px) {
  .refund-nav {
    gap:14px
  }
  .refund-nav a {
    font-size:9px
  }
}
@media (max-width:950px) {
  .refund-content {
    grid-template-columns:1fr
  }
  .refund-sidebar {
    position:relative;
    top:auto;
    max-height:none
  }
  .refund-sidebar nav {
    display:grid;
    grid-template-columns:repeat(2,1fr)
  }
  .payment-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:700px) {
  .refund-header {
    height:auto;
    padding:20px 0
  }
  .header-inner {
    flex-direction:column;
    gap:20px
  }
  .refund-nav {
    justify-content:center;
    flex-wrap:wrap;
    gap:15px
  }
  .refund-content {
    width:94%
  }
  .refund-document {
    padding:25px 18px
  }
  .refund-hero {
    padding:60px 15px 45px
  }
  .refund-hero h1 {
    font-size:30px;
    letter-spacing:2px
  }
  .hero-divider span {
    width:55px
  }
  .digital-grid {
    grid-template-columns:1fr
  }
  .refund-status {
    grid-template-columns:1fr
  }
  .chargeback-box {
    grid-template-columns:1fr
  }
  .dispute-grid {
    grid-template-columns:1fr
  }
  .contact-box {
    grid-template-columns:1fr
  }
  .money-flow {
    flex-direction:column;
    gap:10px
  }
  .flow-line {
    width:1px;
    height:30px;
    margin:0
  }
  .law-item {
    flex-direction:column;
    gap:10px
  }
  .law-icon {
    justify-content:flex-start
  }
  .footer-inner {
    flex-direction:column;
    gap:20px;
    padding:30px 0;
    text-align:center
  }
  .footer-links {
    justify-content:center
  }
}
@media (max-width:450px) {
  .refund-hero h1 {
    font-size:25px
  }
  .payment-grid {
    grid-template-columns:1fr
  }
  .refund-sidebar nav {
    grid-template-columns:1fr
  }
  .step {
    gap:12px
  }
}
.page {
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:50px 25px 70px
}
.page-header {
  text-align:center;
  margin-bottom:55px
}
.header-line {
  width:100%;
  height:1px;
  margin-bottom:30px;
  background:linear-gradient(90deg,transparent,rgba(191,150,72,0.8),transparent)
}
.title-decoration {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:12px
}
.title-decoration span {
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,#9b7435)
}
.title-decoration span:last-child {
  background:linear-gradient(90deg,#9b7435,transparent)
}
.title-decoration i {
  color:#c49a50;
  font-size:18px;
  text-shadow:0 0 15px rgba(196,154,80,0.35)
}
.page-header h1 {
  margin:0;
  color:#d8b56b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  font-weight:500;
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,0.8)
}
.page-subtitle {
  margin:8px 0 0;
  color:#807b71;
  font-size:14px;
  letter-spacing:1px
}
.content-block {
  position:relative;
  margin-bottom:28px;
  padding:30px 35px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 12px 35px rgba(0,0,0,0.25);
  background:linear-gradient(145deg,rgba(29,24,17,0.85),rgba(8,7,5,0.95));
  border:1px solid rgba(144,105,50,0.35)
}
.content-block::before {
  content:"";
  position:absolute;
  top:-1px;
  left:35px;
  width:100px;
  height:2px;
  background:#a47b36;
  box-shadow:0 0 12px rgba(164,123,54,0.25)
}
.block-title {
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:22px
}
.block-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  flex-shrink:0;
  border:1px solid rgba(190,145,66,0.45);
  background:rgba(132,97,40,0.08);
  color:#c29a52;
  font-size:17px;
  box-shadow:inset 0 0 15px rgba(190,145,66,0.05)
}
.block-title h2 {
  margin:0;
  color:#cda45b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:500
}
.block-title span {
  display:block;
  margin-top:2px;
  color:#716d65;
  font-size:12px
}
.content-block p {
  margin:0 0 16px;
  color:#a8a39a;
  font-size:14px
}
.content-block p:last-child {
  margin-bottom:0
}
.contacts-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-bottom:28px
}
.contact-card {
  position:relative;
  padding:28px;
  min-height:230px;
  transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
  background:linear-gradient(145deg,rgba(29,24,17,0.85),rgba(8,7,5,0.95));
  border:1px solid rgba(144,105,50,0.35)
}
.contact-card:hover {
  transform:translateY(-3px);
  border-color:rgba(194,154,82,0.55);
  box-shadow:0 12px 35px rgba(0,0,0,0.35),inset 0 0 25px rgba(170,125,49,0.04)
}
.contact-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin-bottom:18px;
  border:1px solid rgba(190,145,66,0.35);
  color:#c59c53;
  font-size:18px
}
.contact-card h3 {
  margin:0 0 10px;
  color:#caa25b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:500
}
.contact-card p {
  margin-bottom:18px;
  color:#88837b;
  font-size:13px
}
.contact-link {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#b99450;
  font-size:13px;
  text-decoration:none;
  transition:color 0.2s ease
}
.contact-link:hover {
  color:#e0bf7b
}
.social-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:25px
}
.social-item {
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px;
  border:1px solid rgba(167,126,61,0.25);
  background:rgba(255,255,255,0.015);
  color:#a9a49a;
  text-decoration:none;
  transition:all 0.25s ease
}
.social-item:hover {
  border-color:rgba(196,154,80,0.5);
  background:rgba(154,113,48,0.06);
  color:#d3af6a
}
.social-item>i:first-child {
  width:30px;
  color:#bd9147;
  font-size:20px;
  text-align:center
}
.social-item span {
  flex:1
}
.social-item strong {
  display:block;
  color:#c5a05d;
  font-size:13px
}
.social-item small {
  display:block;
  margin-top:2px;
  color:#69655e;
  font-size:11px
}
.social-item>i:last-child {
  color:#665b49;
  font-size:11px
}
.contact-form {
  margin-top:25px
}
.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}
.form-group {
  margin-bottom:18px
}
.form-group label {
  display:block;
  margin-bottom:7px;
  color:#a89d88;
  font-size:12px;
  letter-spacing:0.3px
}
input,
select,
textarea {
  width:100%;
  border:1px solid rgba(167,126,61,0.28);
  outline:none;
  background:rgba(7,7,6,0.75);
  color:#bcb5a9;
  font-family:inherit;
  font-size:13px;
  transition:border-color 0.2s ease,box-shadow 0.2s ease
}
input,
select {
  height:46px;
  padding:0 14px
}
textarea {
  min-height:150px;
  padding:13px 14px;
  resize:vertical
}
input::placeholder,
textarea::placeholder {
  color:#4f4b45
}
input:focus,
select:focus,
textarea:focus {
  border-color:rgba(196,154,80,0.7);
  box-shadow:0 0 0 2px rgba(196,154,80,0.06)
}
select {
  appearance:none;
  cursor:pointer
}
.checkbox {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:5px 0 22px;
  color:#706c64;
  font-size:12px;
  cursor:pointer
}
.checkbox input {
  width:15px;
  height:15px;
  margin-top:3px;
  accent-color:#a67d39
}
.gold-button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:260px;
  margin:22px auto 0;
  padding:13px 18px;
  border:1px solid #9e783b;
  background:linear-gradient(180deg,rgba(145,108,49,0.18),rgba(73,52,23,0.15));
  color:#d4ae68;
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;
  letter-spacing:0.7px;
  cursor:pointer;
  transition:all 0.25s ease
}
.gold-button:hover {
  border-color:#d0a65a;
  background:linear-gradient(180deg,rgba(170,126,57,0.25),rgba(84,59,25,0.22));
  color:#f0cf8c;
  box-shadow:0 0 20px rgba(180,130,50,0.12)
}
.gold-button:active {
  transform:translateY(1px)
}
.info-list {
  border-top:1px solid rgba(167,126,61,0.15)
}
.info-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid rgba(167,126,61,0.12)
}
.info-label {
  display:flex;
  align-items:center;
  gap:10px;
  color:#858077;
  font-size:13px
}
.info-label i {
  width:20px;
  color:#a37b39;
  text-align:center
}
.info-value {
  color:#c1a063;
  font-size:13px
}
.legal-block {
  background:linear-gradient(145deg,rgba(29,24,17,0.85),rgba(8,7,5,0.95));
  border:1px solid rgba(144,105,50,0.35)
}
.legal-block p {
  color:#918c82;
  font-size:13px;
  line-height:1.8
}
.faq {
  border-top:1px solid rgba(167,126,61,0.15)
}
.faq-item {
  border-bottom:1px solid rgba(167,126,61,0.15)
}
.faq-question {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:18px 0;
  border:0;
  background:transparent;
  color:#b7a17a;
  font-family:inherit;
  font-size:13px;
  text-align:left;
  cursor:pointer
}
.faq-question i {
  color:#8e6a36;
  font-size:11px;
  transition:transform 0.25s ease
}
.faq-item.active .faq-question i {
  transform:rotate(180deg)
}
.faq-answer {
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease
}
.faq-answer p {
  padding-bottom:18px;
  color:#77726a;
  font-size:13px
}
.bottom-note {
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:25px;
  padding:18px 22px;
  border:1px solid rgba(167,126,61,0.2);
  background:rgba(135,99,40,0.04);
  color:#68645c;
  font-size:11px
}
.bottom-note i {
  color:#a27a3b;
  font-size:16px
}
@media (max-width:800px) {
  .page {
    padding:35px 15px 50px
  }
  .page-header h1 {
    font-size:32px
  }
  .content-block {
    padding:25px 20px
  }
  .contacts-grid {
    grid-template-columns:1fr
  }
  .social-grid {
    grid-template-columns:1fr
  }
  .form-row {
    grid-template-columns:1fr;
    gap:0
  }
  .info-row {
    align-items:flex-start;
    flex-direction:column;
    gap:5px
  }
}
@media (max-width:480px) {
  .page-header h1 {
    font-size:27px;
    letter-spacing:1px
  }
  .title-decoration span {
    width:50px
  }
  .block-title h2 {
    font-size:19px
  }
  .gold-button {
    width:100%
  }
  .footer-links {
    flex-direction:column;
    gap:8px
  }
}
.ravex-notification {
  position:fixed;
  right:25px;
  bottom:25px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:12px;
  max-width:400px;
  padding:15px 20px;
  border:1px solid rgba(190,145,66,0.5);
  background:linear-gradient(145deg,#1b1915,#0d0c0a);
  color:#aaa298;
  font-size:12px;
  box-shadow:0 15px 40px rgba(0,0,0,0.55);
  opacity:0;
  transform:translateY(20px);
  transition:opacity 0.3s ease,transform 0.3s ease
}
.ravex-notification.show {
  opacity:1;
  transform:translateY(0)
}
.ravex-notification i {
  color:#bd934a;
  font-size:17px
}
@media (max-width:600px) {
  .ravex-notification {
    right:15px;
    left:15px;
    bottom:15px;
    max-width:none
  }
}
.news-navigation {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px
}
.news-filter {
  position:relative;
  min-width:121px;
  padding:17px 17px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  border-top-color:rgb(139,103,46);
  border-right-color:rgb(139,103,46);
  border-bottom-color:rgb(139,103,46);
  border-left-color:rgb(139,103,46);
  color:#ead4a5;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease
}
.news-filter:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.news-filter.active {
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2
}
.news-filter i {
  font-size:12px
}
.news-image {
  position:relative;
  width:100%;
  height:190px;
  overflow:hidden;
  background:linear-gradient(135deg,#181713,#090908)
}
.news-image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(5,5,4,0.85) 100%);
  pointer-events:none
}
.news-image img {
  display:block;
  width:100%;
  height:100%;
  transition:transform 0.5s ease,filter 0.5s ease
}
.news-category {
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  padding:4px 10px;
  border:1px solid rgba(200,160,87,0.45);
  background:rgba(8,8,7,0.82);
  color:#c9a45f;
  font-size:10px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  backdrop-filter:blur(5px)
}
.news-category.important {
  color:#d0a765
}
.news-category.updates {
  color:#c2a064
}
.news-category.events {
  color:#d0ab69
}
.news-category.community {
  color:#bfa475
}
.news-content {
  display:flex;
  flex-direction:column;
  flex:1;
  padding:20px 20px 22px
}
.news-date {
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
  color:#6e6960;
  font-size:10px
}
.news-date i {
  color:#9e783b
}
.news-content h2 {
  margin:0 0 10px;
  color:#cba55f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
  line-height:1.35;
  transition:color 0.2s ease
}
.news-content h2 {
  color:#e0bc72
}
.news-content p {
  display:-webkit-box;
  margin:0 0 18px;
  overflow:hidden;
  color:#827d74;
  font-size:12px;
  line-height:1.65;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
.news-news {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
  width:min(1317px,92%);
  margin:auto;
  padding:20px 20px
}
.news-card:nth-child(n 7) {
  display:none
}
.hero-start p {
  margin-top:20px;
  color:#e4d7bc;
  font-size:15px;
  line-height:1.8;
  text-shadow:0 2px 4px #000
}
.hero-start h1 {
  text-transform:uppercase;
  font-family:Georgia,"Times New Roman",serif;
  white-space:nowrap;
  color:#dfc998;
  font-size:clamp(30px,4vw,48px);
  font-weight:400;
  letter-spacing:3px;
  text-shadow:0 2px 5px #000
}
.hero-start {
  width:55%;
  margin-top:50px;
  text-align:center;
  animation:heroAppear 1.3s ease forwards
}
.ravex-rating {
  width:min(1400px,100%);
  margin:0 auto
}
.rating-heading {
  text-align:center
}
.heading-title {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px
}
.heading-title h1 {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  color:#dfc998;
  font-size:clamp(30px,4vw,48px);
  font-weight:400;
  letter-spacing:3px;
  text-shadow:0 2px 5px #000
}
.heading-line {
  width:80px;
  height:1px;
  background:linear-gradient( 90deg,transparent,#8e6c39 )
}
.heading-line:last-child {
  background:linear-gradient( 90deg,#8e6c39,transparent )
}
.rating-heading p {
  letter-spacing:.5px;
  width:min(984px,100%);
  margin:30px auto 60px;
  color:#aaa08c;
  font-size:15px;
  line-height:1.9
}
.server-tabs {
  display:flex;
  justify-content:center;
  gap:8px;
  margin:30px auto 60px
}
.server-tab {
  cursor:pointer;
  position:relative;
  min-width:180px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  border-top-color:rgb(139,103,46);
  border-right-color:rgb(139,103,46);
  border-bottom-color:rgb(139,103,46);
  border-left-color:rgb(139,103,46);
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease
}
.server-tab:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.server-tab i {
  margin-right:7px;
  color:#b48a47
}
.server-tab small {
  margin-left:3px;
  color:#8d6c37;
  font-size:9px
}
.server-tab:hover {
  border-color:#806336;
  color:#b79a6b
}
.server-tab.active {
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2;
  text-transform:uppercase
}
.server-panel {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  margin-bottom:25px;
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  transition:transform 0.3s ease,border-color 0.3s ease
}
.server-main,
.server-stat {
  min-height:76px;
  display:flex;
  align-items:center;
  padding:15px 20px;
  border:1px solid rgba(151,113,57,0.35)
}
.server-main {
  gap:14px
}
.server-icon {
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #74582f;
  background:rgba(167,126,61,.06);
  color:#b48a47
}
.server-main strong {
  display:block;
  color:#c7b18d;
  font-size:14px
}
.server-main span {
  display:block;
  margin-top:5px;
  color:#666159;
  font-size:10px
}
.server-main span i {
  color:#8edf0b;
  margin-right:4px;
  font-size:7px
}
.server-main b {
  color:#8edf0b;
  font-weight:600
}
.server-stat {
  gap:12px
}
.server-stat>i {
  color:#9d7841;
  font-size:16px
}
.server-stat span {
  display:block;
  color:#b5a78e;
  font-size:9px;
  letter-spacing:.5px
}
.server-stat strong {
  display:block;
  margin-top:3px;
  color:#b99a68;
  font-size:17px
}
.rating-categories {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:22px
}
.category,
.full-rating {
  position:relative;
  min-width:130px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease
}
.category:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.category::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.category.active {
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2
}
.category.active i {
  color:#b88a43
}
.category-space {
  flex:1
}
.full-rating {
  color:#d4b06d;
  border-color:#74403e;
  background:linear-gradient( 180deg,#492326,#2e191b )
}
.full-rating:hover {
  border-color:#b26b59
}
.rating-content-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:13px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(160,116,51,0.75)
}
.rating-content-header h2 {
  margin:0;
  color:#b7a58b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px
}
.rating-content-header p {
  margin:5px 0 0;
  color:#b5a78e;
  font-size:11px
}
.rating-search {
  position:relative;
  width:260px
}
.rating-search i {
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:#b7a58b;
  font-size:12px
}
.rating-search input {
  width:100%;
  height:38px;
  padding:0 12px 0 36px;
  border:1px solid rgba(160,116,51,0.75);
  outline:none;
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  color:#b7a58b;
  font-size:11px
}
.rating-search input::placeholder {
  color:#57524c
}
.rating-search input:focus {
  border-color:#806336
}
.rating-table-wrapper {
  overflow-x:auto
}
.rating-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0 3px;
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  transition:transform 0.3s ease,border-color 0.3s ease
}
.rating-table th {
  height:42px;
  padding:0 16px;
  color:#706a61;
  text-align:left;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  font-weight:700;
  white-space:nowrap
}
.rating-table th i {
  margin-right:5px;
  color:#806336;
  font-size:10px
}
.rating-table th:first-child {
  width:70px
}
.rating-table th:nth-child(2) {
  width:20%
}
.rating-table th:nth-child(3) {
  width:23%
}
.rating-table th:nth-child(4) {
  width:27%
}
.rating-table th:nth-child(5),
.rating-table th:nth-child(6) {
  width:10%
}
.rating-table td {
  height:50px;
  padding:0 16px;
  border-top:1px solid rgba(160,116,51,0.75);
  border-bottom:1px solid rgba(160,116,51,0.75);
  color:#a8a098;
  font-size:12px;
  font-weight:600
}
.rating-table tr:hover td {
  color:#c2b39d
}
.rating-table tr:first-child td {
}
.rating-table td:first-child {
  color:#c09a56
}
.rating-table tr:first-child td:first-child {
  color:#c09a56
}
.player-name {
  color:#d0b987;
  font-weight:700
}
.clan-name {
  color:#999087
}
.profession {
  color:#827b72
}
.rating-table td:nth-child(5) {
  color:#b9914e;
  font-weight:700
}
.rating-table td:nth-child(6) {
  color:#8f7770
}
.rating-table tr:first-child td:first-child::before {
  content:"\f521";
  margin-right:6px;
  color:#c69c56;
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:9px
}
.rating-empty {
  display:none;
  padding:60px 20px;
  text-align:center;
  border:1px solid #302d29;
  background:#211f1c
}
.rating-empty.show {
  display:block
}
.rating-empty i {
  display:block;
  margin-bottom:12px;
  color:#806336;
  font-size:26px
}
.rating-empty strong {
  display:block;
  color:#91877b;
  font-size:13px
}
.rating-empty span {
  display:block;
  margin-top:5px;
  color:#5e5952;
  font-size:10px
}
.rating-pagination {
  display:flex;
  justify-content:center;
  gap:5px;
  margin-top:22px
}
.page-button {
  width:34px;
  height:32px;
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  color:#706a62;
  cursor:pointer;
  border:1px solid rgba(151,113,57,0.35)
}
.page-button:hover {
  color:#c29a5b;
  border-color:#806336
}
.page-button.active {
  background:#624522;
  border-color:#9a713a;
  color:#e2c58e
}
.rating-bottom {
  display:flex;
  justify-content:space-between;
  margin-top:22px;
  padding-top:13px;
  border-top:1px solid rgba(160,116,51,0.75);
  color:#9f947e;
  font-size:10px
}
.rating-bottom i {
  margin-right:5px;
  color:#806336
}
.rating-bottom b {
  color:#9d8052
}
@media (max-width:900px) {
  .server-panel {
    grid-template-columns:1fr 1fr
  }
  .server-main {
    grid-column:1 / -1
  }
  .server-stat {
    border-top:1px solid #39352f
  }
  .rating-categories {
    flex-wrap:wrap
  }
  .category-space {
    display:none
  }
  .full-rating {
    margin-left:auto
  }
}
@media (max-width:650px) {
  body {
    padding:25px 10px
  }
  .heading-title {
    gap:8px
  }
  .heading-line {
    width:30px
  }
  .heading-title h1 {
    font-size:21px
  }
  .server-tabs {
    flex-wrap:wrap
  }
  .server-tab {
    min-width:120px
  }
  .server-panel {
    grid-template-columns:1fr
  }
  .server-main {
    grid-column:auto
  }
  .server-stat {
    border-top:1px solid #39352f
  }
  .rating-content-header {
    align-items:stretch;
    flex-direction:column;
    gap:15px
  }
  .rating-search {
    width:100%
  }
  .category,
  .full-rating {
    flex:1;
    padding:0 12px
  }
  .rating-table {
    min-width:850px
  }
  .rating-bottom {
    flex-direction:column;
    gap:8px
  }
}
.rating-container {
  width:min(1150px,92%);
  margin:auto
}
.single-server {
  display:flex;
  align-items:center;
  width:fit-content;
  min-width:191px;
  margin:0 auto 25px;
  padding:10px;
  box-shadow:inset 0 0 25px rgba(167,126,61,.05),0 0 15px rgba(0,0,0,.2);
  background:linear-gradient(145deg,rgba(35,28,19,0.8),rgba(11,9,7,0.95));
  color:#f5dfb2;
  border:1px solid rgba(151,113,57,0.35)
}
.single-server-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-right:14px;
  border:1px solid #74582f;
  background:rgba(167,126,61,.07);
  color:#c0924a;
  font-size:16px
}
.single-server-info strong {
  display:block;
  color:#d1a85d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px
}
.single-server-info span {
  display:block;
  margin-top:5px;
  color:#b5a78e;
  font-size:9px;
  letter-spacing:.5px
}
.single-server-info span i {
  margin-right:5px;
  color:#8edf0b;
  font-size:7px
}
.rating-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0 3px
}
.rating-table tbody tr {
  position:relative;
  background:rgba(24,21,17,0.75);
  transition:background .25s ease,box-shadow .25s ease,transform .25s ease
}
.rating-table tbody td {
  height:50px;
  padding:0 18px;
  border-top:1px solid rgba(158,117,51,.45);
  color:#a49b8d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  font-weight:600;
  vertical-align:middle
}
.rating-table tbody td:first-child {
  border-left:1px solid rgba(158,117,51,.45)
}
.rating-table tbody td:last-child {
  border-right:1px solid rgba(158,117,51,.45)
}
.rating-table tbody tr:hover {
  background:rgba(115,82,34,.15);
  box-shadow:inset 0 0 20px rgba(180,132,55,.05)
}
.rating-table tbody tr.first-place {
  position:relative;
  box-shadow:inset 0 0 25px rgba(218,164,62,.18),0 0 12px rgba(170,119,38,.20);
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2
}
.rating-table tbody tr.first-place td {
  color:#e1bd75;
  border-top-color:#c18c36;
  border-bottom-color:#c18c36;
  text-shadow:0 1px 2px rgba(0,0,0,.7)
}
.rating-table tbody tr.first-place td:first-child {
  border-left-color:#c18c36
}
.rating-table tbody tr.first-place td:last-child {
  border-right-color:#c18c36
}
.rating-table tbody tr.first-place .player-name {
  color:#f0cf86;
  font-weight:700;
  text-shadow:0 0 8px rgba(212,159,61,.35)
}
.rating-table tbody tr.first-place .clan-name {
  color:#d7bb82
}
.rating-table tbody tr.first-place .profession {
  color:#d0b477
}
.rating-table tbody tr.first-place td:nth-child(5) {
  color:#f0c55f;
  font-weight:700;
  text-shadow:0 0 8px rgba(215,155,40,.35)
}
.rating-table tbody tr.first-place td:nth-child(6) {
  color:#d8bc82
}
.rating-table tbody tr.first-place td:first-child {
  position:relative;
  color:#e2bd69;
  font-weight:700
}
.rating-table tbody tr.first-place:hover {
  background:linear-gradient( 90deg,rgba(145,97,25,.78),rgba(110,73,20,.68),rgba(145,97,25,.78) );
  box-shadow:inset 0 0 30px rgba(226,177,73,.18),0 0 18px rgba(180,125,35,.32)
}
.rating-table tbody tr:not(.first-place) td:first-child {
  color:#c39a56;
  font-weight:700
}
.rating-table tbody tr:not(.first-place) td:nth-child(5) {
  color:#c5a15f;
  font-weight:700
}
.player-name {
  color:#c8bca9;
  font-weight:700
}
.clan-name {
  color:#a99f91
}
.profession {
  color:#a69c8d
}
.rating-table thead th {
  height:55px;
  padding:0 18px;
  color:#b5a78e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  font-weight:700;
  text-align:left;
  letter-spacing:.3px;
  border-bottom:1px solid rgba(160,119,52,.45)
}
.rating-table thead th i {
  margin-right:7px;
  color:#9b7133;
  font-size:10px
}
.rating-table th:nth-child(1),
.rating-table td:nth-child(1) {
  width:7%
}
.rating-table th:nth-child(2),
.rating-table td:nth-child(2) {
  width:20%
}
.rating-table th:nth-child(3),
.rating-table td:nth-child(3) {
  width:23%
}
.rating-table th:nth-child(4),
.rating-table td:nth-child(4) {
  width:23%
}
.rating-table th:nth-child(5),
.rating-table td:nth-child(5) {
  width:15%
}
.rating-table th:nth-child(6),
.rating-table td:nth-child(6) {
  width:12%
}
@media (max-width:900px) {
  .rating-table-wrapper {
    overflow-x:auto
  }
  .rating-table {
    min-width:850px
  }
}
.info-title {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  width:100%
}
.info-title h2 {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  white-space:nowrap;
  color:#dfc998;
  font-size:clamp(30px,4vw,48px);
  font-weight:400;
  letter-spacing:3px;
  text-shadow:0 2px 5px #000
}
.info-line {
  width:80px;
  height:1px;
  background:linear-gradient( 90deg,transparent,#a77e3d )
}
.info-line:last-child {
  background:linear-gradient( 90deg,#a77e3d,transparent )
}
.startgame {
  position:relative;
  min-width:130px;
  padding:17px 30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease
}
.startgame:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
.startgame::before {
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(174,135,67,0.3);
  pointer-events:none
}
.startgame.active {
  background:linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color:#c09a56;
  color:#f5dfb2
}
.startgame.active i {
  color:#b88a43
}
.gameserv {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:20px
}
.developer-credit {
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid rgba(167,126,61,0.15);
  color:#4f4b44;
  font-size:10px;
  letter-spacing:0.5px;
  text-align:center
}
.developer-credit a {
  color:#80663b;
  text-decoration:none;
  transition:color 0.25s ease,text-shadow 0.25s ease
}
.developer-credit a:hover {
  color:#c49a52;
  text-shadow:0 0 8px rgba(196,154,82,0.3)
}
.news-card-link {
  display:block;
  color:inherit;
  text-decoration:none
}
.news-content h2 a {
  color:inherit;
  text-decoration:none;
  transition:color 0.25s ease
}
.news-content h2 a:hover {
  color:#e0bc72
}
.title-decoration {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:18px
}
.title-decoration span {
  width:80px;
  height:1px;
  background:linear-gradient( 90deg,transparent,#a77e3d )
}
.title-decoration span:last-child {
  background:linear-gradient( 90deg,#a77e3d,transparent )
}
.title-decoration i {
  color:#c49a52;
  font-size:18px
}
.page-header .news-category {
  position:static;
  display:inline-block;
  margin-bottom:15px;
  padding:4px 12px;
  border:1px solid rgba(196,154,82,.4);
  background:rgba(20,18,14,.7);
  color:#c49a52;
  font-size:10px;
  text-transform:uppercase
}
.page-header h1 {
  margin:0;
  color:#d8b56b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:40px;
  font-weight:500;
  line-height:1.3
}
.article-date {
  margin-top:12px;
  color:#716b61;
  font-size:11px
}
.article-date i {
  margin-right:6px;
  color:#9d773c
}
.article {
  border:1px solid rgba(167,126,61,.28);
  background:linear-gradient( 145deg,rgba(24,23,20,.98),rgba(11,11,10,.98) );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 15px 40px rgba(0,0,0,.35)
}
.article-image {
  width:100%;
  height:141px;
  overflow:hidden
}
.article-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.article-content {
  padding:40px 55px 50px
}
.article-content p {
  margin:0 0 20px;
  color:#989187;
  font-size:14px;
  line-height:1.9
}
.article-content .article-intro {
  color:#c3aa7c;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.7;
  padding-bottom:20px;
  border-bottom:1px solid rgba(167,126,61,.18)
}
.article-content h2 {
  margin:35px 0 15px;
  color:#c9a45f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  font-weight:500
}
.article-content ul {
  margin:15px 0 25px;
  padding-left:25px
}
.article-content li {
  margin-bottom:8px;
  color:#918a80;
  font-size:13px
}
.article-content li::marker {
  color:#a77e3d
}
.article-navigation {
  display:flex;
  justify-content:center;
  margin-top:30px
}
.back-button {
  gap:10px;
  font-family:Georgia,"Times New Roman",serif;
  text-decoration:none;
  position:relative;
  min-width:121px;
  padding:17px 17px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #8b672e;
  color:#ead4a5;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
  background:rgba(5,5,4,0.75);
  transition:transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease
}
.back-button:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.6)
}
@media (max-width:700px) {
  .page {
    padding:30px 15px 50px
  }
  .page-header h1 {
    font-size:28px
  }
  .article-image {
    height:250px
  }
  .article-content {
    padding:25px 22px 35px
  }
  .article-content p {
    font-size:13px
  }
}
.news-full {
  width:min(1317px,92%);
  margin:auto;
  padding:20px 20px
}
.news-datefull {
  color:#6e6960;
  font-size:13px
}
.news-pagination {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:35px auto 0
}
.news-page-button {
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(174,128,65,0.35);
  background:rgba(20,18,15,0.8);
  color:#827d74;
  font-size:13px;
  cursor:pointer;
  transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease
}
.news-page-button:hover {
  color:#e7c889;
  border-color:rgba(174,128,65,0.7);
  background:rgba(174,128,65,0.12);
  transform:translateY(-2px)
}
.news-page-button.active {
  color:#e7c889;
  border-color:#ae8041;
  background:rgba(174,128,65,0.18);
  box-shadow:0 0 15px rgba(174,128,65,0.15)
}
.news-page-button:disabled {
  opacity:.35;
  cursor:not-allowed;
  transform:none
}
.news-card.hidden {
  display:none !important
}
.news-pagination {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  width:100%;
  margin:35px 0 20px
}
.news-page-button {
  width:36px;
  height:32px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f0d0a;
  border:1px solid #493a25;
  color:#8b8171;
  font-family:inherit;
  font-size:12px;
  cursor:pointer;
  transition:background .25s ease,border-color .25s ease,color .25s ease
}
.news-page-button:hover {
  background:#211a12;
  border-color:#8b6734;
  color:#d8b06a
}
.news-page-button.active {
  background:#6f512b;
  border-color:#a77b3e;
  color:#f1d39a
}
.news-page-button:disabled {
  opacity:.45;
  cursor:default
}
.news-page-button:disabled:hover {
  background:#0f0d0a;
  border-color:#493a25;
  color:#8b8171
}
.nav-button {
  position: relative;
  min-width: 130px;
  padding: 17px 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #8b672e;
    border-top-color: rgb(139, 103, 46);
    border-right-color: rgb(139, 103, 46);
    border-bottom-color: rgb(139, 103, 46);
    border-left-color: rgb(139, 103, 46);
  color: #ead4a5;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  background: rgba(5,5,4,0.75);
  transition: transform 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;
  margin-top: 10px;
}
.nav-button:hover {
  background: linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color: #c09a56;
  color: #f5dfb2;
}

.nav-button::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(174,135,67,0.3);
  pointer-events: none;
}


.nav-button:active {
  background: linear-gradient(135deg,#68481e,#9d7130 50%,#553817);
  border-color: #c09a56;
  color: #f5dfb2;
}
@media (max-width: 900px) {
  .navigation .nav-button {
    min-width: 132px;
    padding: 0 18px;
    margin-left: 6px
  }
}
.tickets-page {
  min-height: 100vh
}
.contacts-hero {
  padding: 75px 20px 55px;
  text-align: center
}
.contacts-hero .container {
  max-width: 1100px;
  margin: 0 auto
}
.section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #b9914f;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase
}
.contacts-hero h1,
.ticket-success-card h1 {
  margin: 0 0 14px;
  color: #e5d1a4;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 5px
}
.contacts-hero p {
  max-width: 680px;
  margin: 0 auto;
  color: rgba(230, 220, 197, .72);
  line-height: 1.8
}
.tickets-section {
  padding: 10px 20px 80px
}
.tickets-layout {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(500px, 1.45fr);
  gap: 30px;
  max-width: 1120px;
  margin: 0 auto
}
.ticket-info {
  display: flex;
  flex-direction: column;
  gap: 15px
}
.ticket-card,
.ticket-form-card {
  border: 1px solid rgba(181, 145, 78, .25);
  background: rgba(12, 10, 8, .72);
  box-shadow: inset 0 0 35px rgba(0, 0, 0, .22)
}
.ticket-card {
  padding: 24px
}
.ticket-card h2 {
  margin: 0 0 10px;
  color: #d7bd87;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 1px
}
.ticket-card p {
  margin: 0;
  color: rgba(224, 214, 192, .66);
  font-size: 13px;
  line-height: 1.75
}
.ticket-icon {
  display: block;
  margin-bottom: 16px;
  color: #a27b3e;
  font-size: 11px;
  letter-spacing: 2px
}
.ticket-form-card {
  padding: 32px
}
.ticket-form-header {
  margin-bottom: 28px
}
.ticket-form-header h2 {
  margin: 0 0 8px;
  color: #e0c58b;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase
}
.ticket-form-header p {
  margin: 0;
  color: rgba(224, 214, 192, .62)
}
.ticket-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px
}
.form-group {
  position: relative;
  margin-bottom: 20px
}
.form-group label {
  display: block;
  margin-bottom: 8px;
  color: #bca77d;
  font-size: 12px;
  letter-spacing: 1px
}
.ticket-form input,
.ticket-form select,
.ticket-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(181, 145, 78, .28);
  outline: none;
  border-radius: 0;
  background: rgba(3, 3, 3, .72);
  color: #ddd0b3;
  font: inherit;
  font-size: 13px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}
.ticket-form input,
.ticket-form select {
  height: 45px;
  padding: 0 13px
}
.ticket-form textarea {
  min-height: 170px;
  padding: 13px;
  resize: vertical;
  line-height: 1.6
}
.ticket-form input::placeholder,
.ticket-form textarea::placeholder {
  color: rgba(218, 207, 181, .32)
}
.ticket-form input:focus,
.ticket-form select:focus,
.ticket-form textarea:focus {
  border-color: rgba(216, 179, 106, .75);
  background: rgba(18, 14, 9, .82);
  box-shadow: 0 0 12px rgba(216, 179, 106, .08)
}
.ticket-counter {
  margin-top: 5px;
  color: rgba(218, 207, 181, .35);
  font-size: 10px;
  text-align: right
}
.ticket-notice {
  margin: 5px 0 22px;
  padding: 12px 14px;
  border-left: 2px solid rgba(181, 145, 78, .45);
  background: rgba(181, 145, 78, .045);
  color: rgba(224, 214, 192, .52);
  font-size: 11px;
  line-height: 1.6
}
.ticket-submit {
  width: 100%;
  margin: 0;
  cursor: pointer
}
.ticket-success-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  box-sizing: border-box
}
.ticket-success-card {
  width: min(620px, 100%);
  padding: 55px 40px;
  text-align: center;
  border: 1px solid rgba(181, 145, 78, .3);
  background: rgba(12, 10, 8, .78);
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .3)
}
.ticket-success-card p {
  color: rgba(230, 220, 197, .7)
}
.ticket-number {
  display: inline-block;
  margin: 20px 0;
  padding: 13px 25px;
  border: 1px solid rgba(216, 179, 106, .6);
  color: #e0bd75;
  font-size: 18px;
  letter-spacing: 3px
}
.ticket-success-note {
  margin-bottom: 30px !important;
  font-size: 12px;
  line-height: 1.7
}
@media (max-width: 850px) {
  .tickets-layout {
    grid-template-columns: 1fr
  }
}
@media (max-width: 600px) {
  .contacts-hero {
    padding: 50px 16px 35px
  }
  .contacts-hero h1,
  .ticket-success-card h1 {
    font-size: 25px;
    letter-spacing: 3px
  }
  .tickets-section {
    padding: 0 12px 50px
  }
  .ticket-form-card {
    padding: 22px 17px
  }
  .ticket-row {
    grid-template-columns: 1fr;
    gap: 0
  }
}
.ticket-view-container,
.admin-container,
.admin-ticket-container {
  max-width: 1120px;
  margin: 0 auto
}
.ticket-lookup-card {
  max-width: 650px;
  margin: 0 auto
}
.ticket-error {
  margin: 0 0 20px;
  padding: 13px 15px;
  border: 1px solid rgba(150, 60, 50, .45);
  background: rgba(100, 35, 25, .12);
  color: #d9a39a;
  font-size: 12px
}
.ticket-lookup-link {
  max-width: 650px;
  margin: 25px auto 0
}
.ticket-lookup-link h2 {
  margin: 0 0 10px;
  color: #d7bd87;
  font-size: 20px;
  font-weight: 400
}
.ticket-lookup-link p {
  margin: 0 0 20px;
  color: rgba(224, 214, 192, .62);
  font-size: 13px;
  line-height: 1.7
}
.ticket-view-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 25px;
  padding: 25px;
  border: 1px solid rgba(181, 145, 78, .25);
  background: rgba(12, 10, 8, .72)
}
.ticket-view-header h2 {
  margin: 4px 0 8px;
  color: #dfc38b;
  font-size: 23px;
  font-weight: 400
}
.ticket-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: 9px 13px;
  box-sizing: border-box;
  border: 1px solid rgba(181, 145, 78, .3);
  color: #d6bb83;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap
}
.status-open {
  border-color: rgba(181, 145, 78, .45)
}
.status-progress {
  border-color: rgba(204, 157, 78, .6)
}
.status-waiting {
  border-color: rgba(130, 150, 160, .45)
}
.status-closed {
  border-color: rgba(120, 120, 120, .35);
  color: rgba(220, 220, 220, .5)
}
.ticket-conversation {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 25px
}
.ticket-message {
  padding: 20px;
  border: 1px solid rgba(181, 145, 78, .2);
  background: rgba(12, 10, 8, .72)
}
.ticket-message-admin {
  border-color: rgba(216, 179, 106, .35);
  background: rgba(48, 35, 19, .25)
}
.ticket-message-meta {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 12px
}
.ticket-message-meta strong {
  color: #d7bd87;
  font-size: 12px
}
.ticket-message-meta span {
  color: rgba(220, 210, 190, .35);
  font-size: 10px
}
.ticket-message-text {
  color: rgba(230, 220, 197, .78);
  font-size: 13px;
  line-height: 1.75;
  word-break: break-word
}
.ticket-reply-card {
  margin-bottom: 20px
}
.admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px
}
.admin-filter,
.admin-logout {
  padding: 10px 14px;
  border: 1px solid rgba(181, 145, 78, .2);
  background: rgba(12, 10, 8, .72);
  color: rgba(220, 210, 190, .58);
  font-size: 11px;
  text-decoration: none;
  transition: .2s ease
}
.admin-filter:hover,
.admin-filter.active {
  border-color: rgba(216, 179, 106, .6);
  color: #dfc38b
}
.admin-logout {
  margin-left: auto
}
.admin-ticket-list {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.admin-ticket-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 20px;
  border: 1px solid rgba(181, 145, 78, .2);
  background: rgba(12, 10, 8, .72);
  color: inherit;
  text-decoration: none;
  transition: .2s ease
}
.admin-ticket-item:hover {
  border-color: rgba(216, 179, 106, .45);
  background: rgba(22, 17, 11, .82)
}
.admin-ticket-main {
  min-width: 0
}
.admin-ticket-number {
  color: #a27b3e;
  font-size: 10px;
  letter-spacing: 1.5px
}
.admin-ticket-main h2 {
  margin: 7px 0 5px;
  color: #d7bd87;
  font-size: 16px;
  font-weight: 400
}
.admin-ticket-main p {
  margin: 0;
  color: rgba(220, 210, 190, .45);
  font-size: 11px
}
.admin-ticket-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px
}
.admin-ticket-meta small {
  color: rgba(220, 210, 190, .3);
  font-size: 9px
}
.admin-back {
  display: inline-block;
  margin-bottom: 15px;
  color: #b9914f;
  font-size: 11px;
  text-decoration: none
}
.admin-back:hover {
  color: #e0c58b
}
.admin-ticket-details {
  margin: 0;
  color: rgba(220, 210, 190, .48);
  font-size: 11px;
  line-height: 1.7
}
.admin-login-card {
  max-width: 520px
}
.admin-status-card {
  margin-top: 20px
}
@media (max-width: 700px) {
  .ticket-view-header {
    flex-direction: column
  }
  .ticket-status {
    min-width: 0
  }
  .admin-ticket-item {
    flex-direction: column;
    align-items: flex-start
  }
  .admin-ticket-meta {
    align-items: flex-start
  }
  .admin-logout {
    margin-left: 0
  }
  .ticket-message-meta {
    flex-direction: column;
    gap: 5px
  }
}
.support-my-tickets {
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
  padding: 22px;
  border: 1px solid rgba(181, 145, 78, .25);
  background: rgba(12, 10, 8, .72);
  box-shadow: inset 0 0 35px rgba(0, 0, 0, .22)
}
.support-my-tickets-label {
  margin-bottom: 20px;
  color: #d7bd87;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase
}
.support-my-tickets-empty {
  text-align: center;
  padding: 12px 8px 4px
}
.support-my-tickets-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0 auto 16px;
  border: 1px solid rgba(216, 179, 106, .55);
  color: #d8b36a;
  font-size: 18px
}
.support-my-tickets-title {
  margin-bottom: 10px;
  color: #d7bd87;
  font-size: 13px;
  letter-spacing: 2px
}
.support-my-tickets-text {
  color: rgba(224, 214, 192, .65);
  font-size: 12px;
  line-height: 1.7
}
.support-ticket-access-form {
  margin-top: 18px
}
.support-ticket-access-form input {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(181, 145, 78, .28);
  outline: none;
  border-radius: 0;
  background: rgba(3, 3, 3, .72);
  color: #ddd0b3;
  font: inherit;
  font-size: 12px
}
.support-ticket-access-form input::placeholder {
  color: rgba(218, 207, 181, .32)
}
.support-ticket-access-form input:focus {
  border-color: rgba(216, 179, 106, .75);
  background: rgba(18, 14, 9, .82);
  box-shadow: 0 0 12px rgba(216, 179, 106, .08)
}
.support-ticket-access-form button {
  display: block;
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  padding: 10px 14px;
  border: 1px solid rgba(181, 145, 78, .45);
  border-radius: 0;
  background: rgba(31, 23, 14, .8);
  color: #caa665;
  font: inherit;
  font-size: 10px;
  letter-spacing: 1.5px;
  cursor: pointer;
  transition: .2s ease
}
.support-ticket-access-form button:hover {
  border-color: #caa665;
  color: #efd18d;
  background: rgba(55, 39, 20, .75)
}
.support-ticket-list {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.support-ticket-item {
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  border: 1px solid rgba(181, 145, 78, .2);
  background: rgba(12, 10, 8, .55)
}
.support-ticket-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}
.support-ticket-number {
  color: #a27b3e;
  font-size: 9px;
  letter-spacing: 1.3px
}
.support-ticket-status {
  padding: 5px 7px;
  border: 1px solid rgba(181, 145, 78, .3);
  color: #d6bb83;
  font-size: 8px;
  letter-spacing: 1px;
  text-transform: uppercase
}
.support-ticket-subject {
  margin: 9px 0 5px;
  color: #d7bd87;
  font-size: 12px
}
.support-ticket-date {
  margin-bottom: 10px;
  color: rgba(220, 210, 190, .35);
  font-size: 9px
}
.support-ticket-open {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 32px;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid rgba(181, 145, 78, .4);
  color: #caa665;
  background: rgba(31, 23, 14, .6);
  font-size: 9px;
  letter-spacing: 1.2px;
  text-decoration: none;
  cursor: pointer;
  transition: .2s ease
}
.support-ticket-open:hover {
  border-color: #caa665;
  color: #efd18d;
  background: rgba(55, 39, 20, .72)
}
.ticket-page .ticket-info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 15px;
  border: 1px solid rgba(202, 166, 101, .2);
  background: rgba(13, 11, 8, .75)
}
.ticket-page .ticket-info div {
  padding: 18px;
  border-right: 1px solid rgba(202, 166, 101, .15);
  color: #ddd0b5;
  font-size: 12px
}
.ticket-page .ticket-info div:last-child {
  border-right: 0
}
.ticket-page .ticket-info span {
  display: block;
  margin-bottom: 7px;
  color: rgba(202, 166, 101, .55);
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase
}
@media (max-width: 700px) {
  .ticket-page .ticket-info {
    grid-template-columns: 1fr 1fr
  }
  .ticket-page .ticket-info div:nth-child(2) {
    border-right: 0
  }
  .ticket-page .ticket-info div:nth-child(-n 2) {
    border-bottom: 1px solid rgba(202, 166, 101, .15)
  }
  .support-ticket-top {
    flex-direction: column;
    align-items: flex-start
  }
}
.my-tickets-page {
  width: min(1000px, calc(100% - 40px));
  margin: 70px auto;
  color: #ddd0b5
}
.my-tickets-header {
  padding: 45px 30px;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid rgba(202, 166, 101, .30);
  background: rgba(13, 11, 8, .90)
}
.my-tickets-label {
  margin-bottom: 14px;
  color: #caa665;
  font-size: 11px;
  letter-spacing: 4px
}
.my-tickets-header h1 {
  margin: 0;
  color: #d8b36a;
  font-size: 32px;
  font-weight: normal;
  letter-spacing: 3px
}
.my-tickets-header p {
  margin: 15px 0 0;
  color: rgba(220, 211, 194, .65);
  font-size: 13px
}
.my-tickets-account {
  margin-bottom: 15px;
  padding: 15px 20px;
  border: 1px solid rgba(202, 166, 101, .20);
  background: rgba(13, 11, 8, .75);
  color: #ddd0b5;
  font-size: 12px
}
.my-tickets-account span {
  margin-right: 10px;
  color: rgba(202, 166, 101, .55);
  font-size: 9px;
  letter-spacing: 1.5px
}
.my-tickets-list {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.my-ticket-card {
  padding: 22px;
  border: 1px solid rgba(202, 166, 101, .25);
  background: rgba(13, 11, 8, .82);
  transition:border-color .2s ease,background .2s ease
}
.my-ticket-card:hover {
  border-color: rgba(202, 166, 101, .50);
  background: rgba(20, 16, 11, .92)
}
.my-ticket-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px
}
.my-ticket-number {
  color: #caa665;
  font-size: 13px;
  letter-spacing: 1.5px
}
.my-ticket-status {
  padding: 6px 10px;
  border: 1px solid rgba(202, 166, 101, .30);
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase
}
.my-ticket-status.status-open {
  color: #caa665
}
.my-ticket-status.status-progress {
  color: #d8b36a
}
.my-ticket-status.status-waiting {
  color: #d8b36a
}
.my-ticket-status.status-closed {
  color: rgba(220, 211, 194, .45);
  border-color: rgba(220, 211, 194, .20)
}
.my-ticket-subject {
  margin-top: 15px;
  color: #e0d3b8;
  font-size: 15px
}
.my-ticket-date {
  margin-top: 8px;
  color: rgba(220, 211, 194, .40);
  font-size: 10px
}
.my-ticket-open {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin-top: 18px;
  box-sizing: border-box;
  border: 1px solid rgba(202, 166, 101, .45);
  background: rgba(31, 23, 14, .75);
  color: #caa665;
  font-family: inherit;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-decoration: none;
  transition:border-color .2s ease,color .2s ease,background .2s ease
}
.my-ticket-open:hover {
  border-color: #d8b36a;
  color: #efd18d;
  background: rgba(55, 39, 20, .75)
}
.my-tickets-empty {
  padding: 50px 30px;
  text-align: center;
  border: 1px solid rgba(202, 166, 101, .25);
  background: rgba(13, 11, 8, .82)
}
.my-tickets-empty h2 {
  margin: 0;
  color: #d8b36a;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 2px
}
.my-tickets-empty p {
  margin-top: 12px;
  color: rgba(220, 211, 194, .55);
  font-size: 13px
}
.my-tickets-error {
  margin-bottom: 15px;
  padding: 15px 20px;
  border: 1px solid rgba(180, 80, 60, .35);
  background: rgba(50, 20, 15, .40);
  color: #c98f7d;
  text-align: center;
  font-size: 12px
}
.my-tickets-access {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px;
  text-align: center;
  border: 1px solid rgba(202, 166, 101, .30);
  background: rgba(13, 11, 8, .90)
}
.my-tickets-access-label {
  margin-bottom: 15px;
  color: #caa665;
  font-size: 10px;
  letter-spacing: 3px
}
.my-tickets-access h2 {
  margin: 0;
  color: #d8b36a;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 2px
}
.my-tickets-access p {
  margin: 15px auto 25px;
  color: rgba(220, 211, 194, .60);
  line-height: 1.7;
  font-size: 13px
}
.my-tickets-form {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.my-tickets-form input {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  box-sizing: border-box;
  border: 1px solid rgba(202, 166, 101, .25);
  outline: none;
  background: #080706;
  color: #ddd0b5;
  font-family: inherit
}
.my-tickets-form input:focus {
  border-color: rgba(202, 166, 101, .55)
}
.my-tickets-form button {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(202, 166, 101, .45);
  background: rgba(31, 23, 14, .80);
  color: #caa665;
  font-family: inherit;
  font-size: 10px;
  letter-spacing: 1.5px;
  cursor: pointer
}
.my-tickets-form button:hover {
  border-color: #d8b36a;
  color: #efd18d
}
.my-tickets-back {
  margin-top: 20px;
  text-align: center
}
.my-tickets-back a {
  color: #caa665;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-decoration: none
}
.my-tickets-back a:hover {
  color: #efd18d
}
@media (max-width: 700px) {
  .my-tickets-page {
    width: calc(100% - 24px);
    margin: 30px auto
  }
  .my-tickets-header {
    padding: 30px 18px
  }
  .my-tickets-header h1 {
    font-size: 24px
  }
  .my-ticket-card {
    padding: 18px
  }
  .my-ticket-top {
    align-items: flex-start;
    flex-direction: column
  }
  .my-tickets-access {
    padding: 30px 18px
  }
}
.ticket-close-box {
  margin-top: 18px;
  padding: 26px;
  border: 1px solid rgba(216, 179, 106, 0.22);
  background: rgba(12, 10, 7, 0.72)
}
.ticket-close-label {
  margin-bottom: 10px;
  color: #c9a96b;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase
}
.ticket-close-text {
  max-width: 720px;
  margin-bottom: 20px;
  color: #8f887b;
  font-size: 13px;
  line-height: 1.7
}
.ticket-close-button {
  min-width: 220px;
  min-height: 42px;
  padding: 0 24px;
  border: 1px solid rgba(150, 115, 65, 0.7);
  background:linear-gradient(180deg,rgba(55, 42, 25, 0.72),rgba(22, 17, 11, 0.9));
  color: #bda06a;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 2px;
  cursor: pointer;
  transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease
}
.ticket-close-button:hover {
  border-color: #c9a96b;
  color: #e0c486;
  background:linear-gradient(180deg,rgba(70, 52, 28, 0.82),rgba(28, 21, 13, 0.94));
  box-shadow:0 0 16px rgba(216, 179, 106, 0.08)
}
.ticket-closed-box {
  margin-top: 18px;
  padding: 28px;
  text-align: center;
  border: 1px solid rgba(216, 179, 106, 0.24);
  background:linear-gradient(180deg,rgba(28, 22, 15, 0.78),rgba(12, 10, 7, 0.82))
}
.ticket-closed-title {
  margin-bottom: 10px;
  color: #c9a96b;
  font-size: 12px;
  letter-spacing: 3px
}
.ticket-closed-text {
  color: #81796c;
  font-size: 13px;
  line-height: 1.6
}
.ticket-message-system {
  border-color: rgba(216, 179, 106, 0.16);
  background:rgba(24, 19, 13, 0.55);
  opacity: 0.82
}
.ticket-message-system .ticket-message-head strong {
  color: #9f8b65
}
.ticket-success-page {
  min-height: 100vh;
  background:linear-gradient(180deg,rgba(9, 8, 6, 0.97),rgba(13, 10, 7, 0.98))
}
.ticket-success-hero {
  width: 100%;
  padding: 72px 25px 68px;
  border-bottom:1px solid rgba(202, 166, 101, 0.15);
  background:radial-gradient(ellipse at center top,rgba(92, 65, 31, 0.13),transparent 65%);
  margin-top: 30px;
}
.ticket-success-hero-inner {
  width: min(1100px, 100%);
  margin: 0 auto;
  text-align: center
}
.ticket-success-eyebrow {
  margin-bottom: 12px;
  color: #a88d5a;
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase
}
.ticket-success-hero h1 {
  margin: 0 0 14px;
  color: #d9c39b;
  font-size: clamp(34px, 5vw, 54px);
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 1.1
}
.ticket-success-hero p {
  margin: 0;
  color: #82796b;
  font-size: 13px;
  line-height: 1.7
}
.ticket-success-content {
  width: min(820px, calc(100% - 40px));
  margin: 45px auto 70px
}
.ticket-success-card {
  position: relative;
  padding: 45px 55px;
  border:1px solid rgba(202, 166, 101, 0.28);
  background:linear-gradient(145deg,rgba(27, 22, 15, 0.96),rgba(11, 9, 7, 0.98));
  text-align: center;
  box-shadow:0 25px 80px rgba(0, 0, 0, 0.28)
}
.ticket-success-icon {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
  border:1px solid rgba(202, 166, 101, 0.45);
  border-radius: 50%;
  color: #d8b36a;
  font-size: 18px;
  background:radial-gradient(circle,rgba(202, 166, 101, 0.1),transparent 70%);
  box-shadow:0 0 30px rgba(202, 166, 101, 0.06)
}
.ticket-success-card .ticket-success-eyebrow {
  margin-bottom: 9px
}
.ticket-success-card h2 {
  margin: 0 0 16px;
  color: #d8c49f;
  font-size: 25px;
  font-weight: normal;
  letter-spacing: 2px
}
.ticket-success-description {
  max-width: 600px;
  margin: 0 auto 32px;
  color: #958b7c;
  font-size: 13px;
  line-height: 1.8
}
.ticket-success-number-label {
  margin-bottom: 10px;
  color: #746650;
  font-size: 9px;
  letter-spacing: 2.5px;
  text-transform: uppercase
}
.ticket-success-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 52px;
  padding: 0 25px;
  border:1px solid rgba(202, 166, 101, 0.55);
  background:rgba(202, 166, 101, 0.045);
  color: #d7b873;
  font-size: 18px;
  letter-spacing: 2.5px
}
.ticket-success-hint {
  max-width: 620px;
  margin: 22px auto 30px;
  color: #746c60;
  font-size: 11px;
  line-height: 1.7
}
.ticket-success-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap
}
.ticket-success-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 44px;
  padding: 0 23px;
  border:1px solid rgba(202, 166, 101, 0.35);
  background:rgba(202, 166, 101, 0.025);
  color: #bca06a;
  font-size: 9px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease
}
.ticket-success-button:hover {
  border-color:rgba(202, 166, 101, 0.7);
  color: #e0c17e;
  background:rgba(202, 166, 101, 0.07);
  transform: translateY(-1px)
}
.ticket-success-button-primary {
  border-color:rgba(202, 166, 101, 0.6);
  background:linear-gradient(180deg,rgba(62, 47, 27, 0.65),rgba(22, 17, 11, 0.9));
  color: #d5b574
}
.ticket-success-page .footer {
  margin-top: 0
}
@media (max-width: 700px) {
  .ticket-success-hero {
    padding: 55px 20px 50px
  }
  .ticket-success-hero h1 {
    font-size: 34px;
    letter-spacing: 2px
  }
  .ticket-success-content {
    width: calc(100% - 24px);
    margin-top: 25px
  }
  .ticket-success-card {
    padding: 35px 20px
  }
  .ticket-success-card h2 {
    font-size: 21px
  }
  .ticket-success-number {
    width: 100%;
    min-width: 0
  }
  .ticket-success-button {
    width: 100%
  }
}
.footer {
  width: 100%;
  margin-top: auto;
  padding: 55px 25px 0;
  border-top:1px solid rgba(202, 166, 101, 0.16);
  background:linear-gradient(180deg,rgba(10, 9, 7, 0.96),rgba(7, 6, 5, 1))
}
.footer-inner {
  width: min(1400px, 100%);
  margin: 0 auto;
  text-align: center
}
.footer-logo {
  margin-bottom: 24px;
  color: #d8c39c;
  font-size: 28px;
  letter-spacing: 7px;
  line-height: 1
}
.footer-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px;
  margin-bottom: 25px
}
.footer-navigation a {
  color: #756c5c;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s ease
}
.footer-navigation a:hover {
  color: #c9a96b
}
.footer-copy {
  margin-bottom: 9px;
  color: #625c52;
  font-size: 11px
}
.footer-trademark {
  color: #514c44;
  font-size: 9px;
  line-height: 1.6
}
.footer-developed {
  margin-top: 24px;
  padding: 16px 0;
  border-top:1px solid rgba(202, 166, 101, 0.09);
  color: #5d564c;
  font-size: 11px;
  letter-spacing: .4px
}
@media (max-width: 700px) {
  .footer {
    padding-top: 40px
  }
  .footer-navigation {
    flex-direction: column;
    gap: 13px
  }
  .footer-logo {
    font-size: 25px
  }
}
html,
body {
  min-height: 100%
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column
}
body > main {
  flex: 1 0 auto
}
.footer {
  flex-shrink: 0
}



/* =========================================
   GLOBAL FOOTER
   ========================================= */

/* Нижняя часть страницы без фоновой картинки */
.site-footer {
    position: relative;
    z-index: 2;
    background: linear-gradient( 180deg, #100d09 0%, #070605 55%, #030302 100% ) !important;
}

.site-footer-logo {
    margin-bottom: 25px;
  color: #d2b985;
  font-size: 30px;
  letter-spacing: 8px;
}
/* Не даём фону страницы просвечивать под footer */
.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #070605;
}

.site-footer-inner {
    width: min(1200px, 100%);
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.site-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 12px 28px;
}

.site-footer-links a {
    color: #9e8d70;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: 0.8px;

    text-decoration: none;

    transition:
        color 0.2s ease,
        text-shadow 0.2s ease;
}

.site-footer-links a:hover {
    color: #d2ad62;

    text-shadow:
        0 0 10px rgba(210, 173, 98, 0.25);
}

.site-footer-line {
    width: 100%;
    max-width: 650px;

    height: 1px;

    margin: 28px auto 22px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(170, 130, 65, 0.35),
            transparent
        );
}

.site-footer-copy {
    color: #b49a6a;

    font-size: 13px;
    letter-spacing: 2px;
}

.site-footer-disclaimer {
    max-width: 700px;

    margin: 12px auto 0;

    color: #655b4d;

    font-size: 11px;
    line-height: 1.7;
}

.site-footer-author {
    margin-top: 18px;
    color: #5d5448;
    font-size: 11px;
}

.site-footer-author span {
    color: #9f8250;
}
.site-footer-author a {
color: #80663b;
  text-decoration: none;
  transition: color 0.25s ease,text-shadow 0.25s ease;
}
/* Мобильная версия */

@media (max-width: 600px) {

    .site-footer {
        margin-top: 50px;
        padding: 35px 15px 25px;
    }

    .site-footer-links {
        flex-direction: column;
        gap: 14px;
    }

    .site-footer-links a {
        font-size: 11px;
    }

    .site-footer-disclaimer {
        font-size: 10px;
    }
}

/* =========================================
   NEWS PAGE - DARK BACKGROUND
   ========================================= */

body.news-page .page-background {
    background-image: none !important;
    background-color: linear-gradient(to bottom,rgba(9,8,6,0.96),rgba(14,11,7,0.94)) !important;
}

/* =========================================================
   RAVEX WIKI
   ========================================================= */
.wiki-page{position:relative;min-height:100vh;padding:155px 0 90px}
.wiki-container{width:min(1180px,92%);margin:auto}
.wiki-heading{text-align:center;margin-bottom:35px}
.wiki-heading .section-kicker{display:block;margin-bottom:12px;color:#aa8b58;font-size:11px;letter-spacing:4px}
.wiki-heading h1{font-size:clamp(36px,5vw,58px);font-weight:400;letter-spacing:2px;color:#ead7ac;text-transform:uppercase;text-shadow:0 3px 5px #000}
.wiki-heading p{margin-top:15px;color:#bcae91;font-size:15px;line-height:1.7}
.wiki-search{width:min(760px,100%);margin:0 auto 55px;display:flex;align-items:center;border:1px solid rgba(181,139,69,.45);background:rgba(9,8,6,.78);box-shadow:inset 0 0 35px rgba(0,0,0,.35)}
.wiki-search span{padding-left:18px;color:#b89559;font-size:25px}.wiki-search input{flex:1;min-width:0;padding:18px 14px;border:0;outline:0;background:transparent;color:#ead7ac;font:inherit}.wiki-search input::placeholder{color:#766b58}.wiki-search button{padding:14px 24px;margin-right:5px;border:1px solid #87683a;background:rgba(123,91,42,.22);color:#e5d0a3;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.wiki-section{margin-bottom:48px}.wiki-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(181,139,69,.28)}.wiki-section-title h2{font-size:21px;font-weight:400;color:#e2cea1;letter-spacing:1px}.wiki-section-title span{color:#8e774f}.wiki-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.wiki-category{position:relative;display:flex;gap:18px;align-items:center;min-height:135px;padding:24px;border:1px solid rgba(181,139,69,.28);background:linear-gradient(135deg,rgba(21,17,11,.9),rgba(8,7,5,.78));transition:.25s}.wiki-category:hover,.wiki-article-card:hover,.wiki-result:hover,.wiki-latest-item:hover{border-color:rgba(205,164,87,.65);background:rgba(40,31,18,.75);transform:translateY(-2px)}.wiki-category-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid rgba(181,139,69,.35);font-size:25px;background:rgba(0,0,0,.25)}.wiki-category h3{color:#e6d4ae;font-size:19px;font-weight:400}.wiki-category p{margin-top:7px;color:#91836b;font-size:13px;line-height:1.5}.wiki-category span{display:block;margin-top:9px;color:#8e774f;font-size:11px}.wiki-category>b{margin-left:auto;color:#9f804d;font-size:28px;font-weight:400}.wiki-latest{border:1px solid rgba(181,139,69,.25);background:rgba(8,7,5,.62)}.wiki-latest-item{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(181,139,69,.16);transition:.2s}.wiki-latest-item:last-child{border-bottom:0}.wiki-latest-item small,.wiki-result small{color:#9f804d;text-transform:uppercase;letter-spacing:1px;font-size:10px}.wiki-latest-item h3{margin-top:5px;font-weight:400;color:#ddc99f;font-size:16px}.wiki-latest-item time{color:#756a57;font-size:12px}.wiki-empty{padding:35px;text-align:center;color:#8e836f;border:1px solid rgba(181,139,69,.2);background:rgba(8,7,5,.6)}.wiki-results{display:grid;gap:12px}.wiki-result{display:flex;gap:17px;padding:19px;border:1px solid rgba(181,139,69,.25);background:rgba(8,7,5,.65);transition:.2s}.wiki-result-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(181,139,69,.3);flex:0 0 42px}.wiki-result h3{margin:5px 0;color:#e1cda2;font-weight:400}.wiki-result p{color:#8f826b;font-size:13px}.wiki-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:30px;color:#786d5a;font-size:12px}.wiki-breadcrumbs a{color:#a48755}.wiki-breadcrumbs span{opacity:.7}.wiki-category-big-icon{text-align:center;font-size:42px;margin-bottom:15px}.wiki-article-list{display:grid;gap:12px}.wiki-article-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px;border:1px solid rgba(181,139,69,.25);background:rgba(8,7,5,.68);transition:.2s}.wiki-article-card h2{font-weight:400;color:#e1cda2;font-size:20px}.wiki-article-card p{margin-top:8px;color:#8d8068;font-size:13px;line-height:1.5}.wiki-article-meta{display:flex;align-items:center;gap:18px;color:#756a57;font-size:11px;white-space:nowrap}.wiki-article-meta b{font-size:25px;color:#9c7b4b;font-weight:400}.wiki-back{display:inline-block;margin-top:28px;color:#a48755;font-size:13px;letter-spacing:.5px}.wiki-back:hover{color:#e3cb99}.wiki-article{padding:40px;max-width:900px;margin:auto;border:1px solid rgba(181,139,69,.28);background:rgba(8,7,5,.78);box-shadow:inset 0 0 70px rgba(0,0,0,.28)}.wiki-article header{padding-bottom:28px;border-bottom:1px solid rgba(181,139,69,.22)}.wiki-article header .section-kicker{color:#a48755;font-size:10px;letter-spacing:2px}.wiki-article h1{margin-top:12px;color:#ead7ac;font-weight:400;font-size:clamp(30px,4vw,46px);line-height:1.15}.wiki-excerpt{margin-top:16px;color:#a99a7e;line-height:1.7}.wiki-article-info{display:flex;gap:20px;margin-top:18px;color:#746956;font-size:11px}.wiki-content{padding-top:30px;color:#c7b99d;font-size:15px;line-height:1.85}.wiki-content h1,.wiki-content h2,.wiki-content h3{color:#e2cfa5;font-weight:400;line-height:1.3}.wiki-content h1{font-size:28px;margin:30px 0 14px}.wiki-content h2{font-size:23px;margin:28px 0 12px}.wiki-content h3{font-size:19px;margin:22px 0 10px}.wiki-content p{margin:0 0 14px}.wiki-content ul{margin:10px 0 20px 22px}.wiki-content li{padding:3px 0}.wiki-content a{color:#c49b59;text-decoration:underline}.wiki-content strong{color:#e0c99a}
@media(max-width:800px){.wiki-categories{grid-template-columns:1fr}.wiki-article-card{align-items:flex-start;flex-direction:column}.wiki-article-meta{width:100%;justify-content:space-between}.wiki-article{padding:25px}.wiki-search button{padding:12px 14px}.wiki-page{padding-top:125px}}