:root{
  --bg:#071224;
  --bg-soft:#0a1730;
  --panel:#0f1b31cc;
  --panel-solid:#101c33;
  --text:#edf2ff;
  --muted:#a9b5ca;
  --line:rgba(255,255,255,.08);
  --primary:#ff7a18;
  --accent:#ff9d2f;
  --success:#38d39f;
  --danger:#ff5d73;
  --shadow:0 24px 60px rgba(0,0,0,.38);
  --radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#102142 0,#071224 36%,#040914 100%);color:var(--text)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(1280px,calc(100% - 34px));margin:0 auto}
.section{padding:92px 0;position:relative}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
.narrow{width:min(900px,calc(100% - 32px))}
.eyebrow{display:inline-block;padding:9px 14px;border-radius:999px;background:rgba(255,122,24,.14);border:1px solid rgba(255,122,24,.22);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd9bd}
.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,rgba(17,28,52,.94),rgba(12,23,44,.92));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.brand{display:flex;align-items:center;gap:0;font-weight:1000;font-size:1.2rem;letter-spacing:.02em;text-transform:uppercase}.brand-accent{color:var(--primary)}.brand-main{color:#fff}
.main-nav{display:flex;align-items:center;gap:38px}.main-nav a{position:relative;color:#edf1fa;font-weight:600;font-size:1.03rem;padding:10px 0}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;background:var(--primary);opacity:0;transform:scaleX(.3);transition:.25s}.main-nav a:hover::after,.main-nav a.active::after{opacity:1;transform:scaleX(1)}
.nav-actions{display:flex;gap:14px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}
.btn.solid{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 14px 34px rgba(255,122,24,.24)}.btn.ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);color:#eff3fa}.btn.dark{background:#1a2948;border:1px solid rgba(255,255,255,.08);color:#fff}.btn.big{padding:18px 32px;border-radius:16px;font-size:1.05rem;min-width:240px}.btn.small{padding:12px 18px;border-radius:14px}
.hero{position:relative;min-height:calc(100vh - 78px);display:flex;align-items:center;overflow:hidden;padding:46px 0 110px}.hero-video,.hero-overlay,.hero-grid{position:absolute;inset:0}.hero-video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.28)}
.hero-overlay{background:linear-gradient(180deg,rgba(6,12,23,.24),rgba(6,11,21,.62) 50%,rgba(5,9,18,.94) 100%)}
.hero-grid{background:radial-gradient(circle at center,rgba(255,255,255,.06),transparent 30%),linear-gradient(90deg,transparent 20%,rgba(118,140,180,.08) 21%,transparent 21.2%,transparent 79%,rgba(118,140,180,.08) 80%,transparent 80.2%)}
.hero-content{position:relative;z-index:2;display:grid;gap:28px}
.hero-frame{width:min(980px,100%);margin:0 auto;background:linear-gradient(180deg,rgba(8,17,34,.30),rgba(8,17,34,.16));border:1px solid rgba(255,255,255,.04);border-radius:42px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.hero-panel{max-width:850px;margin:0 auto;text-align:center;padding:84px 24px 64px}
.hero-panel h1{margin:0 0 16px;font-size:clamp(3rem,8vw,5.5rem);line-height:.95;letter-spacing:-.05em;font-weight:1000;text-transform:uppercase}.hero-panel h1 span{background:linear-gradient(90deg,#ffffff 0 43%,var(--primary) 43% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{margin:0 auto;max-width:760px;font-size:clamp(1.1rem,2vw,1.4rem);color:#edf1fa}.hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}.mini-credit{margin-top:30px;color:#f0a56f;font-size:.98rem}
.social-dock{position:absolute;left:28px;top:52%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:14px;padding:16px 12px;background:rgba(9,14,27,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:var(--shadow)}
.social-dock a{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#163257,#0f2242);border:1px solid rgba(255,255,255,.08);font-weight:900;font-size:1.3rem;color:#fff}.social-dock .dock-logo{background:radial-gradient(circle at 35% 35%,#ffb14a,#ff7a18 58%,#70340f);font-size:1rem;line-height:1}.social-dock .dock-logo span{display:block;text-align:center}
.scroll-bubble{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:3;width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:rgba(148,76,17,.78);backdrop-filter:blur(8px);color:#ff9a35;font-size:2rem;border:1px solid rgba(255,255,255,.08)}
.floating-stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;width:min(930px,100%);margin:8px auto 0;padding:14px;background:rgba(11,16,29,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:24px;box-shadow:var(--shadow)}
.float-card{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.float-card strong{display:block;font-size:1.45rem}.float-card small{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-top:4px}.stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.1rem;font-weight:900}
.accent-card .stat-icon{background:rgba(255,122,24,.2);color:#ff9a35}.purple-card .stat-icon{background:rgba(121,78,255,.22);color:#bc9cff}.gold-card .stat-icon{background:rgba(255,190,72,.2);color:#ffbe48}.magenta-card .stat-icon{background:rgba(217,71,255,.18);color:#ed8cff}
.online{color:var(--success)}.offline{color:var(--danger)}.label{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-bottom:8px}
.section-head{margin-bottom:28px}.section-head.center{text-align:center}.section-head h2{font-size:clamp(2rem,5vw,3rem);margin:14px 0 10px;letter-spacing:-.03em}.section-head p{color:var(--muted);max-width:720px}
.section-shell,.info-card,.feature-panel,.rules-box,.contact-panel,.panel{background:linear-gradient(180deg,rgba(17,28,49,.78),rgba(10,18,33,.92));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);border-radius:28px}.section-shell{padding:34px}
.server-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:24px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.server-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.info-card{padding:34px}.info-card.soft{background:linear-gradient(180deg,rgba(18,30,53,.8),rgba(10,18,33,.92))}.lead{font-size:1.08rem;color:#eaf0fb;line-height:1.8}
.feature-panel{padding:30px}.feature-panel h3{margin:0 0 18px;font-size:1.8rem}.feature-list{display:grid;gap:14px}.feature-list article{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.feature-list h4{margin:0 0 8px;font-size:1.08rem}.feature-list p{margin:0;color:var(--muted);line-height:1.6}
.rules-box{padding:32px;line-height:1.85;color:#ebf0fb;white-space:pre-wrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{position:relative;overflow:hidden;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);min-height:260px}.gallery-card img{width:100%;height:100%;object-fit:cover;min-height:260px;transition:transform .35s ease}.gallery-card:hover img{transform:scale(1.05)}.gallery-card figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:16px;background:rgba(6,11,21,.72);backdrop-filter:blur(12px);font-weight:700}.empty-box{padding:30px;border-radius:22px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14);color:var(--muted)}
.contact-panel{padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.site-footer{padding:28px 0;border-top:1px solid var(--line);background:rgba(4,9,17,.72)}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted)}.footer-admin{color:#ffd4ba}
.admin-body{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top,#152645 0,#08111f 45%,#050b15 100%)}.admin-body.wide{display:block}.admin-box,.dashboard{width:min(1180px,100%);background:linear-gradient(180deg,rgba(16,27,48,.9),rgba(8,14,25,.96));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);border-radius:28px}.admin-box{max-width:520px;padding:34px}.admin-box h1{margin:0 0 12px;font-size:2rem}.admin-box p{color:var(--muted)}.dashboard{padding:30px}.dashboard-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:22px;align-items:start}.dashboard-grid .panel:last-child{grid-column:2}.panel{padding:24px}.admin-form{display:grid;gap:14px}.admin-form.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}.admin-form.large label:has(textarea),.admin-form.large button,.admin-form.large input[type=hidden]{grid-column:1/-1}label{display:grid;gap:8px;font-weight:700;color:#f0f4ff}input,textarea,select{width:100%;padding:14px 15px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#fff;outline:none}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{border-color:rgba(255,157,47,.5);box-shadow:0 0 0 3px rgba(255,157,47,.12)}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:700}.alert.success{background:rgba(56,211,159,.14);border:1px solid rgba(56,211,159,.3);color:#c9ffee}.alert.error,.alert:not(.success){background:rgba(255,93,115,.14);border:1px solid rgba(255,93,115,.28);color:#ffe5ea}.mini-gallery{display:grid;gap:14px;margin-top:18px}.mini-item{padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.mini-item img{width:100%;height:180px;object-fit:cover;border-radius:14px;margin-bottom:10px}
@media (max-width:1100px){.main-nav{gap:18px}.floating-stats,.server-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel:last-child{grid-column:auto}.social-dock,.scroll-bubble{display:none}}
@media (max-width:860px){.nav-wrap{flex-wrap:wrap;padding:14px 0}.main-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:16px}.hero{padding-top:30px}.hero-panel{padding:58px 20px 44px}.hero-panel h1{font-size:clamp(2.3rem,12vw,4rem)}.gallery-grid{grid-template-columns:1fr 1fr}.contact-panel,.footer-inner{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.floating-stats,.server-grid,.gallery-grid,.admin-form.large{grid-template-columns:1fr}.hero-buttons,.server-links,.contact-actions,.nav-actions{width:100%}.btn.big,.btn{width:100%}.brand{font-size:1rem}.hero-frame{border-radius:28px}}