:root {
  --text:#f8f4ee;
  --muted:#c9c2d2;
  --soft:#9c96aa;
  --blue:#9ebdff;
  --blue2:#5579ed;
  --accent:#ffbd62;
  --green:#79ff50;
  --red:#ff6470;
  --panel:rgba(22,21,37,.72);
  --panel2:rgba(35,33,55,.82);
  --line:rgba(255,255,255,.14);
  --shadow:0 28px 90px rgba(0,0,0,.50);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:"Segoe UI", Arial, sans-serif;
  background:#060711;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg, rgba(5,5,18,.35), rgba(5,5,18,.96) 82%, #050612),
    linear-gradient(90deg, rgba(5,5,18,.92), rgba(5,5,18,.30) 45%, rgba(5,5,18,.85)),
    url("../img/background.png") center/cover no-repeat;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 16% 22%, rgba(126,162,255,.16), transparent 28%),
    radial-gradient(circle at 78% 32%, rgba(255,189,98,.10), transparent 30%),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:auto, auto, 42px 42px, 42px 42px;
  pointer-events:none;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.site-shell{min-height:100vh}
.topbar{
  position:sticky;
  top:12px;
  z-index:30;
  width:calc(100% - 24px);
  height:66px;
  margin:12px auto 0;
  display:grid;
  grid-template-columns:160px 1fr 260px;
  align-items:center;
  gap:18px;
  padding:7px;
  border:none;
  border-radius:22px;
  background:rgba(24,23,39,.72);
  backdrop-filter:blur(16px);
  box-shadow:0 14px 40px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
.brand{display:flex;align-items:center;gap:10px;padding-left:10px;font-weight:950;font-size:24px}
.brand img{width:46px;height:46px;object-fit:cover;border-radius:12px;box-shadow:0 0 18px rgba(0,0,0,.35)}
.nav{height:50px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#e9e5ef;
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.15px;
  transition:.2s ease;
}
.nav a:hover,.nav a.active{
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 18px rgba(255,255,255,.06), 0 0 24px rgba(126,162,255,.15);
}
.account-zone{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.primary-btn,.outline-btn,.ghost-btn{
  border:0;
  border-radius:14px;
  cursor:pointer;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  transition:.2s ease;
}
.primary-btn{background:linear-gradient(180deg,#5d82ff,#304aaf);color:#fff;box-shadow:0 0 28px rgba(67,110,255,.25)}
.primary-btn:hover,.outline-btn:hover,.ghost-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.primary-btn.small,.ghost-btn{min-height:44px;padding:0 14px;font-size:12px}
.outline-btn,.ghost-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff}
.text-button,.text-link{
  border:0;
  background:transparent;
  color:var(--accent);
  cursor:pointer;
  font-weight:900;
}
.full{width:100%}
.hidden{display:none!important}
.views{width:100%;padding:0 14px;margin:26px 0 90px}
.view{display:none;animation:viewIn .24s ease both}
.view.active{display:block}
@keyframes viewIn{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.hero{
  min-height:620px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:38px;
  align-items:center;
  padding:58px 0 30px;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#d7d0df;
  font-weight:950;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.3px;
}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(121,255,80,.65)}
h1,h2,h3,p{margin-top:0}
.hero h1,.page-head h1,.download-hero h1{
  margin:18px 0 16px;
  font-size:72px;
  line-height:.92;
  letter-spacing:-2px;
}
.hero p,.page-head p,.download-hero p{color:#d7d1df;font-size:18px;line-height:1.55;max-width:720px}
.hero-actions{display:flex;gap:12px;margin:28px 0}
.hero-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  max-width:560px;
}
.hero-stats div,.page-metric,.balance-card,.download-card div{
  border:none;
  border-radius:18px;
  background:rgba(30,28,48,.64);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  padding:16px;
}
.hero-stats b,.page-metric b,.balance-card b{display:block;font-size:28px}
.hero-stats span,.page-metric span,.balance-card span,.download-card span{display:block;color:#bdb7c9;font-size:12px;margin-top:4px}
.hero-card,.panel,.patch-panel,.auth-card,.profile-card,.server-detail-card,.launcher-preview{
  border:none;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(45,42,67,.78),rgba(22,21,37,.74));
  backdrop-filter:blur(14px);
  box-shadow:0 18px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-card{padding:24px}
.hero-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.hero-card-head span,.panel-label{color:#aaa4b7;text-transform:uppercase;font-size:12px;font-weight:950}
.hero-card-head b{font-size:20px;color:var(--accent)}
.start-steps{display:grid;gap:12px}
.start-steps div{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:72px;
  border:none;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  padding:14px;
}
.start-steps i{
  width:38px;height:38px;border-radius:13px;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#5d82ff,#304aaf);
  font-style:normal;font-weight:950;
}
.section-head,.page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:24px 0 22px;
}
.section-head h2{font-size:38px;margin:0 0 8px}
.section-head p{margin:0;color:#cfc8d8;line-height:1.5}
.section-head a{color:var(--accent);font-weight:950}
.server-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:18px}
.server-grid.big{grid-template-columns:repeat(2, minmax(0,1fr))}
.server-card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  border:none;
  border-radius:28px;
  background:#121124;
  box-shadow:0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
  transition:.25s ease;
}
.server-card:hover{transform:translateY(-4px);box-shadow:0 26px 80px rgba(0,0,0,.40), 0 0 0 1px rgba(126,162,255,.18)}
.server-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.38s ease}
.server-card:hover img{transform:scale(1.055);filter:brightness(1.06)}
.server-card:after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(5,5,18,.88)),
    linear-gradient(90deg,rgba(5,5,18,.88),rgba(5,5,18,.18));
}
.server-card-content{position:absolute;inset:18px;z-index:2;display:flex;flex-direction:column;justify-content:space-between}
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tag{
  min-height:28px;
  padding:0 10px;
  border:none;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:950;
  font-size:11px;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.tag.online{background:rgba(121,255,80,.15);color:#c6ffad;border-color:rgba(121,255,80,.23)}
.tag.maintenance{background:rgba(255,224,110,.15);color:#ffe06e;border-color:rgba(255,224,110,.25)}
.server-card h3{font-size:32px;margin:0 0 10px}
.server-card p{color:#e2ddea;line-height:1.45}
.server-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}
.server-meta div{
  min-height:50px;
  border:none;
  border-radius:14px;
  background:rgba(18,17,30,.62);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  padding:9px 10px;
}
.server-meta span{display:block;color:#aaa4b7;font-size:10px;margin-bottom:5px;text-transform:uppercase}
.server-meta b{font-size:13px}
.card-actions{display:flex;gap:8px}
.card-actions button{flex:1;min-height:42px;font-size:12px;padding:0 10px}
.split-section{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}
.panel{padding:24px}
.panel h3{font-size:26px;margin:10px 0}
.panel p{color:#d7d1df;line-height:1.55}
.page-head{margin-top:58px}
.page-head h1,.download-hero h1{font-size:58px}
.page-metric,.balance-card{min-width:180px;text-align:right}
.featured-news{
  min-height:340px;
  border-radius:30px;
  border:none;
  background:
    linear-gradient(90deg,rgba(11,11,25,.90),rgba(11,11,25,.40)),
    url("../img/server_test.png") center/cover no-repeat;
  box-shadow:0 20px 60px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  padding:32px;
  display:flex;
  align-items:flex-end;
}
.featured-news h2{font-size:40px;margin:14px 0 10px}
.featured-news p{max-width:760px;color:#ece7f4;line-height:1.55}
.news-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:18px}
.news-feed{display:grid;gap:12px}
.news-card,.shop-card,.support-card{
  border:none;
  border-radius:22px;
  background:rgba(28,27,45,.68);
  backdrop-filter:blur(10px);
  box-shadow:0 16px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  padding:18px;
  transition:.2s ease;
}
.news-card:hover,.shop-card:hover,.support-card:hover{transform:translateY(-2px);box-shadow:0 18px 56px rgba(0,0,0,.22), 0 0 0 1px rgba(126,162,255,.12)}
.news-card small{display:block;color:#bdb7c9;margin-top:10px}
.patch-panel{padding:18px;height:fit-content}
.patch-item{
  border:none;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  padding:13px;
  margin-bottom:10px;
}
.patch-item b{display:block;margin-bottom:5px}
.patch-item span{color:#cfc8d8;font-size:13px;line-height:1.35}
.shop-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:16px}
.shop-card h3{font-size:26px;margin:8px 0}
.shop-card .price{font-size:30px;color:var(--accent);font-weight:950}
.shop-card ul{color:#d8d1df;padding-left:20px;line-height:1.65}
.download-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;margin-top:64px;min-height:620px}
.download-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.download-card b{display:block;font-size:18px;margin-top:4px}
.launcher-preview{overflow:hidden}
.preview-top{height:180px;background:url("../img/server_rpg.png") center/cover no-repeat;position:relative}
.preview-top:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(22,21,37,.92))}
.preview-body{padding:22px}
.preview-body li{margin-bottom:9px;color:#d9d2e1}
.muted{color:#aaa4b7;font-size:13px;margin-top:12px}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.support-card{text-align:left;min-height:150px;cursor:pointer;color:#fff;border:none}
.support-card b{display:block;font-size:22px;margin-bottom:8px}
.support-card span{color:#d2cadc}
.profile-chip{
  height:48px;
  border:none;
  border-radius:15px;
  background:rgba(255,255,255,.07);
  color:#fff;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  cursor:pointer;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13)}
.avatar.big{width:58px;height:58px;font-size:30px}
.modal,.profile-panel,.server-modal{
  position:fixed;
  inset:0;
  z-index:50;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(8px);
}
.auth-card,.profile-card,.server-detail-card{position:relative;width:min(440px,100%);padding:26px}
.close-btn{
  position:absolute;top:14px;right:14px;
  width:38px;height:38px;border:1px solid rgba(255,255,255,.14);
  border-radius:13px;background:rgba(0,0,0,.20);
  color:#fff;cursor:pointer;font-size:24px;
}
.auth-card input{
  width:100%;
  height:50px;
  border:none;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  padding:0 14px;
  margin-bottom:10px;
}
.auth-card input::placeholder{color:#aaa4b7}
.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.profile-head h3{margin:0 0 4px;font-size:26px}
.profile-head span{color:var(--accent);font-weight:900}
.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}
.profile-grid div,.server-detail-grid div{
  border:none;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  padding:12px;
}
.profile-grid span,.server-detail-grid span{display:block;color:#aaa4b7;font-size:11px;margin-bottom:6px;text-transform:uppercase}
.server-detail-card{width:min(920px,100%);max-height:88vh;overflow:auto}
.server-detail-hero{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:end}
.server-detail-hero img{width:100%;height:220px;object-fit:cover;border-radius:22px}
.server-detail-hero h2{font-size:42px;margin:14px 0 10px}
.server-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.feature-list div{
  border:none;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  padding:13px;
}
.feature-list b{display:block;margin-bottom:6px}
.feature-list span{color:#d5cfdf;font-size:13px;line-height:1.4}
.toast{
  position:fixed;
  left:50%;
  bottom:28px;
  transform:translate(-50%,20px);
  z-index:80;
  min-width:260px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px;
  background:rgba(22,21,37,.96);
  color:#fff;
  padding:14px 18px;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
  text-align:center;
  font-weight:900;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1020px){
  .topbar{grid-template-columns:1fr; height:auto; top:0; border-radius:0; width:100%; margin:0; box-shadow:none}
  .nav{grid-template-columns:repeat(3,1fr);height:auto}
  .account-zone{justify-content:flex-start}
  .hero,.download-hero,.news-layout,.split-section,.server-detail-hero{grid-template-columns:1fr}
  .server-grid,.server-grid.big,.shop-grid,.support-grid{grid-template-columns:1fr}
  .hero h1,.page-head h1,.download-hero h1{font-size:46px}
  .server-detail-grid,.feature-list{grid-template-columns:1fr}
}


/* ===== Premium unified layout: LoliLand-like spacing, cleaner game landing ===== */
:root {
  --page-max: 1420px;
  --page-pad: clamp(26px, 3.2vw, 58px);
  --card-radius: 24px;
}

body:before {
  background:
    linear-gradient(180deg, rgba(5,5,18,.22), rgba(5,5,18,.90) 76%, #050612),
    linear-gradient(90deg, rgba(5,5,18,.86), rgba(5,5,18,.18) 44%, rgba(5,5,18,.78)),
    url("../img/background.png") center/cover no-repeat;
}

body:after {
  opacity: .82;
  background:
    radial-gradient(circle at 18% 20%, rgba(126,162,255,.12), transparent 30%),
    radial-gradient(circle at 76% 28%, rgba(255,189,98,.12), transparent 32%),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:auto, auto, 46px 46px, 46px 46px;
}

.topbar {
  width:min(var(--page-max), calc(100% - var(--page-pad)));
  margin:18px auto 0;
  top:18px;
  background:linear-gradient(180deg, rgba(28,27,45,.82), rgba(18,18,32,.72));
  box-shadow:0 18px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
}

.views {
  width:min(var(--page-max), calc(100% - var(--page-pad)));
  padding:0;
  margin:34px auto 96px;
}

.hero {
  min-height:620px;
  padding:46px 0 22px;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .72fr);
  gap:32px;
}

.hero-copy {
  position:relative;
  padding:34px 0 28px;
}

.hero-copy:before {
  content:"";
  position:absolute;
  z-index:-1;
  left:-36px;
  top:0;
  bottom:0;
  width:min(680px, 100%);
  background:radial-gradient(circle at 12% 20%, rgba(126,162,255,.18), transparent 34%);
  filter:blur(2px);
  pointer-events:none;
}

.hero h1,
.page-head h1,
.download-hero h1 {
  font-weight:950;
  text-shadow:0 8px 34px rgba(0,0,0,.42);
}

.hero p,
.page-head p,
.download-hero p {
  color:rgba(238,233,245,.86);
}

.hero-card {
  padding:28px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(46,43,68,.74), rgba(20,20,35,.68)),
    radial-gradient(circle at 88% 10%, rgba(255,189,98,.12), transparent 38%);
  box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}

.section-head,
.page-head {
  margin:34px 0 24px;
}

.section-head h2 {
  font-size:42px;
  letter-spacing:-.8px;
}

.page-head {
  min-height:118px;
  padding:18px 0 8px;
  align-items:center;
}

.page-head h1 {
  margin-bottom:12px;
}

/* Server cards: less boxed, more modern game-site cards */
.server-grid {
  gap:20px;
}

.server-grid.big {
  gap:22px;
}

.server-card {
  min-height:410px;
  border-radius:26px;
  box-shadow:0 22px 78px rgba(0,0,0,.35);
}

.home-server-grid .server-card {
  min-height:390px;
}

.server-card:after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.03), rgba(5,5,18,.86)),
    linear-gradient(90deg, rgba(5,5,18,.86), rgba(5,5,18,.28) 56%, rgba(5,5,18,.10));
}

.server-card-content {
  inset:20px;
}

.server-card h3 {
  font-size:34px;
  letter-spacing:-.5px;
}

.server-card p {
  color:rgba(245,240,250,.88);
}

.server-meta {
  margin:18px 0 14px;
  gap:9px;
}

.server-meta div {
  background:rgba(16,16,29,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.10);
}

.card-actions {
  gap:10px;
}

/* Homepage + news share one premium block language */
.split-section {
  margin-top:22px;
  gap:20px;
}

.panel {
  min-height:208px;
  padding:28px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(42,39,62,.76), rgba(18,18,32,.70)),
    radial-gradient(circle at 92% 10%, rgba(126,162,255,.11), transparent 36%);
}

.panel:after {
  content:"";
  position:absolute;
  inset:auto 24px 0 24px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
}

.panel h3 {
  font-size:29px;
  letter-spacing:-.3px;
}

.panel p {
  color:rgba(234,228,241,.84);
}

/* News: make it look like the same premium landing, not a separate admin feed */
.featured-news {
  min-height:390px;
  border-radius:30px;
  padding:38px;
  overflow:hidden;
  position:relative;
  background:
    linear-gradient(90deg, rgba(8,8,18,.94), rgba(8,8,18,.42) 54%, rgba(8,8,18,.16)),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.22)),
    url("../img/server_test.png") center/cover no-repeat;
  box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}

.featured-news:before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 42%, rgba(126,162,255,.18), transparent 30%),
    radial-gradient(circle at 72% 20%, rgba(255,189,98,.10), transparent 34%);
  pointer-events:none;
}

.featured-news > div {
  position:relative;
  z-index:1;
  max-width:760px;
}

.featured-news h2 {
  font-size:48px;
  line-height:1.02;
  letter-spacing:-1px;
  text-shadow:0 10px 34px rgba(0,0,0,.48);
}

.news-layout {
  grid-template-columns:minmax(0, 1fr) 380px;
  gap:22px;
  margin-top:22px;
}

.news-feed {
  gap:14px;
}

.news-card {
  min-height:154px;
  padding:22px 24px;
  border-radius:24px;
  display:grid;
  align-content:center;
  background:
    linear-gradient(180deg, rgba(38,36,58,.72), rgba(20,20,34,.66)),
    radial-gradient(circle at 94% 8%, rgba(126,162,255,.08), transparent 30%);
}

.news-card h3 {
  font-size:24px;
  letter-spacing:-.2px;
}

.news-card p {
  margin-bottom:0;
  color:rgba(236,231,243,.86);
}

.patch-panel {
  border-radius:26px;
  padding:22px;
  background:
    linear-gradient(180deg, rgba(42,39,62,.76), rgba(18,18,32,.70)),
    radial-gradient(circle at 92% 10%, rgba(255,189,98,.10), transparent 34%);
}

.patch-panel h3 {
  margin-bottom:18px;
  font-size:24px;
  letter-spacing:-.3px;
}

.patch-item {
  padding:15px;
  margin-bottom:12px;
  background:rgba(255,255,255,.052);
}

.patch-item b {
  font-size:15px;
}

.patch-item span {
  color:rgba(221,215,230,.82);
}

/* Softer pills/buttons */
.tag {
  min-height:29px;
  background:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 6px 18px rgba(0,0,0,.10);
}

.tag.online {
  border:none;
  background:rgba(121,255,80,.16);
}

.tag.maintenance {
  border:none;
  background:rgba(255,224,110,.16);
}

.primary-btn,
.outline-btn,
.ghost-btn {
  border-radius:15px;
}

.primary-btn {
  box-shadow:0 0 30px rgba(67,110,255,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

.outline-btn,
.ghost-btn {
  border:none;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

/* Keep Beget/site pages responsive but preserve the same spacing idea */
@media(max-width:1180px) {
  :root {
    --page-pad: clamp(20px, 3vw, 42px);
  }

  .hero {
    grid-template-columns:1fr;
    min-height:auto;
  }

  .server-grid,
  .server-grid.big,
  .home-server-grid {
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .news-layout {
    grid-template-columns:1fr;
  }
}

@media(max-width:760px) {
  :root {
    --page-pad: 20px;
  }

  .views {
    margin-top:20px;
  }

  .server-grid,
  .server-grid.big,
  .home-server-grid,
  .split-section {
    grid-template-columns:1fr;
  }

  .featured-news {
    min-height:330px;
    padding:26px;
  }

  .featured-news h2 {
    font-size:34px;
  }
}


/* === Footer + premium shop update === */
.shop-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:end;margin:24px 0 28px}
.shop-hero h1{font-size:clamp(42px,4.5vw,68px);margin:10px 0 12px;letter-spacing:-1.2px}
.shop-balance-wrap{display:grid;gap:16px}
.balance-card.premium{min-height:122px;padding:26px 28px;border-radius:26px;background:linear-gradient(180deg, rgba(43,41,66,.82), rgba(18,18,30,.80));box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)}
.balance-card.premium span{font-size:13px;font-weight:900;text-transform:uppercase;color:#d9d4e2;letter-spacing:.5px}
.balance-card.premium b{font-size:48px;display:block;margin-top:8px}
.shop-balance-note{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.shop-balance-note span{color:rgba(240,236,246,.84);line-height:1.45}
.premium-shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-bottom:28px}
.shop-card.premium{padding:0;background:transparent;border:none;box-shadow:none;min-height:auto}
.shop-card-hit{width:100%;padding:0;background:transparent;border:0;color:inherit;cursor:pointer;text-align:left}
.shop-art{position:relative;aspect-ratio:1/1;border-radius:30px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.36);transition:transform .24s ease, box-shadow .24s ease}
.shop-art:before,.shop-art:after{content:"";position:absolute;border-radius:999px;filter:blur(4px);opacity:.85}
.shop-art:before{width:54%;height:54%;left:-10%;top:8%;background:rgba(255,255,255,.18)}
.shop-art:after{width:48%;height:48%;right:-8%;bottom:0;background:rgba(0,0,0,.22)}
.shop-glow{position:absolute;inset:-20px;border-radius:36px;opacity:0;transition:opacity .25s ease;box-shadow:0 0 48px currentColor}
.shop-portrait{position:absolute;inset:auto 24px 24px 24px;font-size:76px;font-weight:1000;line-height:1;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.42)}
.shop-card h3{margin:14px 0 8px;font-size:20px;letter-spacing:-.3px}
.shop-badge-row{margin-top:14px;height:26px}
.shop-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;background:rgba(255,255,255,.12)}
.shop-card .price{font-size:20px;font-weight:950;color:#fff}
.shop-card .price small{font-size:14px;color:#d7d1df}
.shop-card.active .shop-art,.shop-card:hover .shop-art{transform:translateY(-4px) scale(1.02)}
.shop-card.active .shop-glow,.shop-card:hover .shop-glow{opacity:1}
.shop-card.vip .shop-art{background:linear-gradient(135deg,#ffaf2e,#ff6e2f)}
.shop-card.premium .shop-art{background:linear-gradient(135deg,#8f71ff,#503dba)}
.shop-card.deluxe .shop-art{background:linear-gradient(135deg,#ff51cf,#b02dd0)}
.shop-card.ultra .shop-art{background:linear-gradient(135deg,#37b5ff,#1170ff)}
.shop-card.legend .shop-art{background:linear-gradient(135deg,#ff7f3e,#ff2e67)}
.shop-card.vip .shop-badge{background:rgba(255,175,46,.18);color:#ffb94c}
.shop-card.premium .shop-badge{background:rgba(143,113,255,.18);color:#b7a0ff}
.shop-card.deluxe .shop-badge{background:rgba(255,81,207,.18);color:#ff8be5}
.shop-card.ultra .shop-badge{background:rgba(55,181,255,.18);color:#76d4ff}
.shop-card.legend .shop-badge{background:rgba(255,127,62,.18);color:#ffb26b}
.shop-detail-panel{padding:30px;border-radius:32px;background:linear-gradient(180deg, rgba(38,36,58,.74), rgba(20,20,34,.74)), radial-gradient(circle at 100% 0, rgba(126,162,255,.10), transparent 32%);box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05)}
.shop-detail-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}
.shop-detail-head h2{margin:10px 0 10px;font-size:42px;letter-spacing:-.8px}
.shop-detail-head p{max-width:820px;color:rgba(240,236,246,.86)}
.shop-detail-price{text-align:right;min-width:230px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.045)}
.shop-detail-price small{display:block;color:#ccc5d8;text-transform:uppercase;font-weight:900;letter-spacing:.4px;margin-bottom:8px}
.shop-detail-price b{font-size:28px}
.shop-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.shop-detail-layout h3{margin:0 0 16px;font-size:24px}
.shop-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shop-perk{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.045)}
.shop-perk i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(180deg,#5d82ff,#304aaf);font-style:normal;font-weight:900}
.shop-perk span{line-height:1.45;color:rgba(240,236,246,.88)}
.shop-detail-side{display:grid;gap:16px;align-content:start}
.shop-detail-meta{display:grid;gap:12px}
.shop-detail-meta div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.05)}
.shop-detail-meta span{display:block;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.35px;color:#cfc8d8;margin-bottom:6px}
.shop-detail-meta b{font-size:20px}
.site-footer{width:min(var(--page-max), calc(100% - var(--page-pad)));margin:32px auto 36px;padding:28px 0 0}
.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:30px}
.footer-columns h4{margin:0 0 18px;font-size:20px;letter-spacing:-.2px}
.footer-columns a{display:block;margin:0 0 14px;color:#f0edf5;font-weight:850;text-transform:uppercase;font-size:14px;letter-spacing:.2px;opacity:.92}
.footer-columns a:hover,.footer-links a:hover{color:var(--accent)}
.footer-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:6px 0 28px}
.footer-social{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.footer-social b{display:block;font-size:16px;text-transform:uppercase}
.footer-social small{display:block;color:#d0cad8}
.social-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:1000;flex:0 0 auto;color:#fff}
.social-icon.vk{background:linear-gradient(180deg,#318eff,#2164ff)}
.social-icon.discord{background:linear-gradient(180deg,#7380ff,#4f57db)}
.social-icon.youtube{background:linear-gradient(180deg,#ff3d3d,#e51313)}
.social-icon.telegram{background:linear-gradient(180deg,#4ec7ff,#2388e8)}
.footer-help{text-align:center;padding:22px 18px;margin-bottom:26px}
.footer-help p{margin:0 0 14px;font-size:18px;color:#ece8f3}
.footer-legal{padding-top:20px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:16px}
.footer-links a{font-size:13px;font-weight:900;text-transform:uppercase;color:#f3eff7}
.footer-copy{color:#a8a2b5;font-size:14px}
@media(max-width:1180px){.shop-hero{grid-template-columns:1fr}.premium-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-detail-layout{grid-template-columns:1fr}.footer-socials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.premium-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-detail-head{display:block}.shop-perks{grid-template-columns:1fr}.footer-columns,.footer-socials{grid-template-columns:1fr}.site-footer{width:min(var(--page-max), calc(100% - 20px))}}


/* === Launcher-like profile popup === */
.profile-card-launcher{width:min(470px,100%);padding:28px 30px 24px;border-radius:30px;background:linear-gradient(180deg, rgba(43,45,74,.92), rgba(20,19,34,.96));box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06)}
.launcher-head{align-items:center;gap:16px;margin-bottom:18px}
.pig-avatar{background:linear-gradient(180deg,#ffcfdb,#ff9db9);color:#40252f;font-size:30px;box-shadow:0 8px 28px rgba(255,157,185,.22)}
.profile-main-info h3{margin:0 0 8px;font-size:22px;line-height:1.1}
.profile-role-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.18)!important;color:#fff!important;font-weight:900;text-transform:uppercase;letter-spacing:.3px;font-size:14px}
.profile-divider{height:1px;background:rgba(255,255,255,.08);margin:18px 0}
.balance-rows{display:grid;gap:16px}
.balance-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.balance-main{font-size:26px;line-height:1.1;color:#fff;font-weight:1000;letter-spacing:-.3px}
.balance-value-wrap{display:flex;align-items:center;gap:10px;min-height:50px}
.balance-action-btn{min-width:132px;justify-content:center}
.profile-quick-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.profile-quick-meta div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.profile-quick-meta span{display:block;font-size:11px;text-transform:uppercase;color:#b8b1c4;font-weight:900;letter-spacing:.35px;margin-bottom:6px}
.profile-quick-meta b{font-size:18px}
.big-panel-btn{height:56px;border-radius:18px;margin-top:10px;font-size:15px;text-transform:uppercase;letter-spacing:.35px;font-weight:950}
.premium-link-btn{background:rgba(255,255,255,.03);position:relative;overflow:hidden}
.premium-link-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7b233,#ff8a00 28%,#ff4ecd 60%,#8b6bff 100%);opacity:.95;-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-link-btn{color:transparent}
.premium-link-btn span{position:relative;z-index:1}
#profileBuyPrivilegesBtn{background:rgba(255,255,255,.02)}
#profileBuyPrivilegesBtn{background-image:none;color:transparent}
#profileBuyPrivilegesBtn::after{content:"Купить привилегии";position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#ffbf3c,#ff8b2c 34%,#ff54d6 64%,#b97aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:1000}
.theme-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:18px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.theme-box-left{display:flex;align-items:center;gap:12px}
.theme-dot{width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#7ca7ff,#5d83ff);box-shadow:0 0 18px rgba(93,131,255,.42)}
.theme-box b{display:block;font-size:15px}
.theme-box small{display:block;color:#f2cf5d;margin-top:4px;font-size:13px}
.theme-change-btn{padding:0;background:transparent;border:0;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.25px;cursor:pointer}
.logout-link-btn{display:block;width:100%;margin-top:18px;padding:6px 0 0;background:transparent;border:0;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.35px;cursor:pointer}
.logout-link-btn:hover,.theme-change-btn:hover{color:var(--accent)}
@media(max-width:640px){.profile-card-launcher{padding:22px 18px 20px}.balance-row{flex-direction:column;align-items:stretch}.balance-action-btn{width:100%}.profile-quick-meta{grid-template-columns:1fr}.theme-box{flex-direction:column;align-items:flex-start}.theme-change-btn{padding-left:32px}}

#profileBuyPrivilegesBtn{position:relative}


/* === Personal cabinet page === */
.cabinet-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:28px;
  align-items:end;
  margin:34px 0 28px;
}

.cabinet-hero h1 {
  margin:10px 0 12px;
  font-size:clamp(44px, 4.8vw, 72px);
  letter-spacing:-1.4px;
  text-shadow:0 10px 34px rgba(0,0,0,.42);
}

.cabinet-hero p {
  max-width:820px;
  color:rgba(238,233,245,.86);
  font-size:18px;
  line-height:1.55;
}

.cabinet-user-card {
  display:flex;
  align-items:center;
  gap:16px;
  width:max-content;
  max-width:100%;
  margin-top:26px;
  padding:16px 20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(43,41,66,.72), rgba(18,18,30,.68));
  box-shadow:0 20px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

.cabinet-user-card h2 {
  margin:0 0 6px;
  font-size:28px;
}

.cabinet-user-card span {
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
}

.cabinet-balance-card {
  display:grid;
  gap:14px;
}

.cabinet-balance-card > div {
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(43,41,66,.78), rgba(18,18,30,.72));
  box-shadow:0 18px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

.cabinet-balance-card span {
  display:block;
  color:#cfc8d8;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.4px;
  margin-bottom:8px;
}

.cabinet-balance-card b {
  display:block;
  margin-bottom:16px;
  font-size:34px;
  letter-spacing:-.5px;
}

.cabinet-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  align-items:start;
}

.cabinet-panel {
  min-height:220px;
  padding:24px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(38,36,58,.74), rgba(20,20,34,.74)),
    radial-gradient(circle at 100% 0, rgba(126,162,255,.10), transparent 32%);
  box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}

.cabinet-panel-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.cabinet-panel h3 {
  margin:8px 0 0;
  font-size:26px;
  letter-spacing:-.4px;
}

.cabinet-access-line {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.cabinet-access-line div,
.cabinet-detail-box {
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.cabinet-access-line span {
  display:block;
  color:#cfc8d8;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  margin-bottom:8px;
}

.cabinet-access-line b {
  font-size:20px;
}

.cabinet-server-list {
  display:grid;
  gap:12px;
}

.cabinet-server-item {
  display:grid;
  grid-template-columns:64px 1fr auto;
  align-items:center;
  gap:14px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
}

.cabinet-server-item img {
  width:64px;
  height:52px;
  object-fit:cover;
  border-radius:15px;
}

.cabinet-server-item b {
  display:block;
  font-size:17px;
  margin-bottom:4px;
}

.cabinet-server-item span {
  color:#d3ccdc;
  font-size:13px;
}

.cabinet-server-item small {
  min-width:98px;
  text-align:center;
  padding:8px 10px;
  border-radius:999px;
  font-weight:900;
  text-transform:uppercase;
  font-size:11px;
  background:rgba(121,255,80,.14);
  color:#c6ffad;
}

.cabinet-server-item.locked small {
  background:rgba(255,224,110,.14);
  color:#ffe06e;
}

.cabinet-history {
  display:grid;
  gap:12px;
}

.cabinet-history-item {
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
}

.cabinet-history-item span {
  color:#bdb6ca;
  font-size:12px;
}

.cabinet-history-item b {
  display:block;
  margin:6px 0;
  font-size:17px;
}

.cabinet-history-item p {
  margin:0;
  color:#d7d1df;
  line-height:1.4;
}

.cabinet-actions {
  display:grid;
  gap:12px;
}

.cabinet-actions button {
  height:52px;
  justify-content:center;
}

@media(max-width:1180px) {
  .cabinet-hero,
  .cabinet-grid {
    grid-template-columns:1fr;
  }

  .cabinet-access-line {
    grid-template-columns:1fr;
  }
}

@media(max-width:720px) {
  .cabinet-user-card {
    width:100%;
  }

  .cabinet-server-item {
    grid-template-columns:54px 1fr;
  }

  .cabinet-server-item small {
    grid-column:1 / -1;
    width:100%;
  }
}


/* === Global cleanup: убираем мелкую табличность везде, кроме верхнего меню === */
/* Верхнее меню специально не трогаем. Крупные карточки/hero/модалки остаются, мелкие внутренние "коробки" превращены в строки/текст. */

/* Главная: статистика без отдельных прямоугольников */
.hero-stats {
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  max-width:none;
}
.hero-stats div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
  min-width:110px;
}
.hero-stats b {
  font-size:34px;
}
.hero-stats span {
  margin-top:2px;
  opacity:.82;
}

/* Главная: шаги — список, не плитки */
.start-steps {
  gap:4px;
}
.start-steps div {
  min-height:52px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:8px 0 !important;
}
.start-steps i {
  width:34px;
  height:34px;
  border-radius:12px;
}

/* Серверы: параметры в одну чистую строку, без маленьких таблиц */
.server-meta {
  display:flex !important;
  flex-wrap:wrap;
  gap:10px 18px !important;
  margin:16px 0 18px !important;
}
.server-meta div {
  min-height:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:auto;
}
.server-meta div:not(:last-child)::after {
  content:"";
  width:4px;
  height:4px;
  margin-left:8px;
  border-radius:50%;
  background:rgba(255,255,255,.42);
}
.server-meta span {
  display:inline !important;
  margin:0 !important;
  color:rgba(230,224,238,.66) !important;
  font-size:12px !important;
}
.server-meta b {
  display:inline !important;
  font-size:13px !important;
  color:#fff;
}

/* Новости: патчноуты не как набор коробок */
.patch-item {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 0 14px !important;
  margin:0 0 14px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.patch-item:last-child {
  border-bottom:0 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Скачать: характеристики в строку, без отдельных внутренних карточек */
.download-card {
  display:flex !important;
  flex-wrap:wrap;
  gap:28px !important;
  margin:22px 0 26px !important;
}
.download-card div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}
.download-card span {
  opacity:.78;
}
.download-card b {
  font-size:20px;
}

/* Поддержка: карточки остаются крупными, но без ощущения вложенных рамок */
.support-card {
  box-shadow:0 18px 46px rgba(0,0,0,.18) !important;
}

/* Профильная модалка: оставляем форму лаунчера, убираем мелкие подложки */
.profile-quick-meta {
  display:flex !important;
  flex-wrap:wrap;
  gap:24px !important;
}
.profile-quick-meta div,
.theme-box {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.theme-box {
  margin-top:24px !important;
  align-items:center;
}
.profile-divider {
  opacity:.7;
}
.balance-row {
  min-height:52px;
}

/* Модалка сервера: характеристики и фишки без маленьких боксов */
.server-detail-grid {
  display:flex !important;
  flex-wrap:wrap;
  gap:22px !important;
  margin:20px 0 24px !important;
}
.server-detail-grid div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.server-detail-grid span {
  opacity:.72;
}
.feature-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 28px !important;
}
.feature-list div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.feature-list b {
  font-size:17px;
}
.feature-list span {
  display:block;
  margin-top:5px;
}

/* Магазин: квадраты привилегий оставляем, описание делаем чистым */
.shop-detail-meta {
  display:flex !important;
  flex-wrap:wrap;
  gap:18px !important;
}
.shop-detail-meta div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.shop-perks {
  gap:12px 24px !important;
}
.shop-perk {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.shop-perk i {
  width:26px;
  height:26px;
  font-size:12px;
}
.shop-balance-note {
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.balance-card.premium {
  background:linear-gradient(180deg, rgba(43,41,66,.82), rgba(18,18,30,.80)) !important;
}

/* Личный кабинет: крупные панели остаются, внутренние элементы без лишних прямоугольников */
.cabinet-user-card {
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.cabinet-balance-card > div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.cabinet-balance-card {
  padding:24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(38,36,58,.66), rgba(20,20,34,.62));
  box-shadow:0 22px 64px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
}
.cabinet-access-line {
  display:flex !important;
  flex-wrap:wrap;
  gap:24px !important;
}
.cabinet-access-line div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.cabinet-server-list {
  gap:14px;
}
.cabinet-server-item {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  grid-template-columns:64px 1fr auto;
}
.cabinet-history-item {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 0 14px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.cabinet-history-item:last-child {
  border-bottom:0 !important;
  padding-bottom:0 !important;
}
.cabinet-actions button {
  background:rgba(255,255,255,.045) !important;
}

/* Футер: соцсети без отдельных тяжёлых обводок */
.footer-social {
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Общие элементы: меньше "админских" внутренних плиток */
.profile-grid div {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Адаптив */
@media(max-width:760px) {
  .server-meta,
  .download-card,
  .profile-quick-meta,
  .server-detail-grid,
  .cabinet-access-line,
  .shop-detail-meta {
    gap:12px 18px !important;
  }

  .feature-list,
  .shop-perks {
    grid-template-columns:1fr !important;
  }

  .cabinet-server-item {
    grid-template-columns:54px 1fr !important;
  }
}


/* === FINAL CLEANUP: убраны "панели ради панелей" во всех вкладках, верхнее меню не трогаем === */
/* Сохраняем только настоящие большие визуальные элементы: карточки серверов, квадраты магазина, модальные окна и кнопки. */

/* Все общие текстовые панели больше НЕ выглядят как отдельные коробки */
.panel,
.news-card,
.patch-panel,
.shop-detail-panel,
.cabinet-panel,
.support-card,
.launcher-preview,
.cabinet-balance-card,
.balance-card,
.page-metric,
.download-card,
.cabinet-user-card,
.shop-balance-note,
.theme-box {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Убираем большие прямоугольные подложки и лишний padding у текстовых секций */
.panel {
  min-height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.panel::after,
.panel::before {
  display: none !important;
}

.split-section {
  gap: clamp(42px, 6vw, 96px) !important;
  margin-top: 42px !important;
  align-items: start;
}

.panel-label {
  display: inline-block;
  margin-bottom: 12px;
  color: rgba(255,189,98,.85) !important;
}

.panel h3 {
  font-size: 34px !important;
  line-height: 1.08;
  margin-bottom: 14px !important;
}

.panel p {
  max-width: 620px;
}

/* Новости: никаких карточек-боксов, только чистая лента */
.news-layout {
  align-items: start;
}

.news-card {
  min-height: 0 !important;
  padding: 0 0 28px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  display: block !important;
}

.news-card + .news-card {
  padding-top: 8px !important;
}

.news-card:last-child {
  border-bottom: 0 !important;
}

.news-card h3 {
  font-size: 28px !important;
  margin: 12px 0 10px !important;
}

.news-card p {
  max-width: 900px;
}

.patch-panel {
  padding: 0 !important;
  border-radius: 0 !important;
}

.patch-panel h3 {
  font-size: 28px !important;
  margin-bottom: 22px !important;
}

.patch-item {
  padding: 0 0 18px !important;
  margin-bottom: 18px !important;
}

/* Магазин: квадратные привилегии остаются, описание ниже без огромной синей подложки */
.shop-detail-panel {
  padding: 18px 0 0 !important;
  border-radius: 0 !important;
}

.shop-detail-head {
  margin-bottom: 30px !important;
}

.shop-detail-head h2 {
  font-size: 54px !important;
}

.shop-detail-price {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.shop-detail-layout {
  grid-template-columns: minmax(0, 1fr) 290px !important;
  gap: clamp(36px, 5vw, 90px) !important;
}

.shop-detail-side {
  border-left: 1px solid rgba(255,255,255,.10);
  padding-left: 28px;
}

.shop-detail-meta div,
.shop-perk,
.profile-grid div,
.profile-quick-meta div,
.server-detail-grid div,
.feature-list div,
.cabinet-access-line div,
.cabinet-server-item,
.cabinet-history-item {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shop-perks {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 42px !important;
}

.shop-perk {
  padding: 0 !important;
}

.shop-perk i {
  background: transparent !important;
  color: var(--blue);
  font-size: 15px;
  width: auto;
  height: auto;
  min-width: 22px;
}

/* Скачать: убираем внутренние блоки характеристик */
.download-card {
  padding: 0 !important;
  margin: 24px 0 !important;
}

.download-card div {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Поддержка: не карточки, а чистые ссылки-действия */
.support-grid {
  gap: clamp(28px, 4vw, 70px) !important;
}

.support-card {
  padding: 0 !important;
  min-height: auto !important;
  border-radius: 0 !important;
}

/* Личный кабинет: крупные секции чистые, без коробок вокруг каждого блока */
.cabinet-grid {
  gap: clamp(40px, 5vw, 90px) !important;
}

.cabinet-panel {
  min-height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.cabinet-panel-head {
  margin-bottom: 22px !important;
}

.cabinet-access-line {
  gap: 28px !important;
}

.cabinet-server-item {
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
}

.cabinet-server-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.cabinet-history-item {
  padding: 0 0 18px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
}

.cabinet-actions button {
  background: rgba(255,255,255,.045) !important;
}

/* Профильная всплывашка: сохраняем саму модалку, но без внутренних табличных боксов */
.profile-card-launcher {
  background: linear-gradient(180deg, rgba(43,45,74,.92), rgba(20,19,34,.96)) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.theme-box {
  padding: 0 !important;
}

/* Модалка сервера: характеристики и фишки чистым текстом */
.server-detail-grid,
.feature-list {
  gap: 22px 42px !important;
}

/* Футер: без внутренних коробок */
.footer-social {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Визуальные крупные карточки оставляем */
.server-card,
.shop-art,
.featured-news,
.hero-card,
.auth-card,
.profile-card,
.server-detail-card {
  /* намеренно оставлены как крупные визуальные элементы */
}

/* Мобильная версия */
@media(max-width: 760px) {
  .split-section,
  .shop-detail-layout,
  .cabinet-grid,
  .support-grid {
    gap: 30px !important;
  }

  .shop-detail-side {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(255,255,255,.10);
    padding-top: 22px;
  }

  .shop-perks {
    grid-template-columns: 1fr !important;
  }
}


/* === Убрана сетка на фоне === */
body:after{
  opacity:.82 !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(126,162,255,.12), transparent 30%),
    radial-gradient(circle at 76% 28%, rgba(255,189,98,.12), transparent 32%) !important;
  background-size:auto, auto !important;
}


/* === Hero season progress block === */
.season-card{display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.season-card::before{content:"";position:absolute;inset:auto -15% -30% auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle, rgba(94,133,255,.28), transparent 68%);pointer-events:none}
.season-card-top h3{font-size:32px;line-height:1.02;margin-bottom:10px}
.season-card-top p{color:var(--muted);max-width:540px}
.season-progress-block{display:grid;gap:10px}
.season-progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#c7c3d4}
.season-progress-row strong{font-size:26px;line-height:1;color:#fff}
.season-progress-bar{position:relative;height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.season-progress-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg, #5f84ff, #7eb2ff 55%, #ffc463);box-shadow:0 0 24px rgba(95,132,255,.42)}
.season-reward{padding:18px 20px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.season-reward span{display:block;margin-bottom:8px;color:#a7a2b6;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.05em}
.season-reward b{display:block;font-size:22px;margin-bottom:8px}
.season-reward small{display:block;color:var(--muted);font-size:14px}
.season-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.season-meta div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035)}
.season-meta b{display:block;font-size:24px;line-height:1.05;margin-bottom:6px}
.season-meta span{font-size:13px;color:var(--muted)}
.season-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2px}
@media(max-width:900px){.season-meta{grid-template-columns:1fr}.season-card-top h3{font-size:28px}}


/* === Hero variant 1: clean project entry + vibe line === */
.hero-copy .eyebrow {
  color: rgba(245,240,250,.86);
}

.hero-copy h1 {
  max-width: 760px;
}

.hero-copy p {
  max-width: 760px;
}

.hero-directions {
  margin: 18px 0 0;
  color: rgba(255,255,255,.92);
  font-weight: 950;
  font-size: 17px;
  letter-spacing: .2px;
  text-shadow: 0 8px 26px rgba(0,0,0,.32);
}

.hero-line-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 28px;
  color: rgba(239,234,246,.82);
  font-weight: 850;
  font-size: 15px;
}

.hero-line-stats span {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}

.hero-line-stats span:not(:last-child)::after {
  content: "·";
  margin: 0 13px;
  color: rgba(255,255,255,.45);
  font-weight: 900;
}

.hero-line-stats b {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.4px;
}

@media(max-width:760px) {
  .hero-directions {
    font-size: 15px;
  }

  .hero-line-stats {
    gap: 10px 0;
    font-size: 14px;
  }

  .hero-line-stats b {
    font-size: 20px;
  }
}