*{box-sizing:border-box}
:root{--bg:#0b0d12;--panel:rgba(18,21,29,.88);--panel2:rgba(25,29,39,.92);--line:#3a404d;--text:#f2efe7;--muted:#b6b0a5;--gold:#d9ad58;--gold2:#f0cf83}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);background:#0b0d12 url(images/background.png) center center/cover no-repeat fixed;font-family:Georgia,Times New Roman,serif}
.overlay{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.03),rgba(0,0,0,.03)),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,4px 4px,4px 4px;opacity:1}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px clamp(20px,5vw,72px);background:rgba(8,10,15,.58);border-bottom:1px solid #353944;backdrop-filter:blur(8px)}
.brand{display:flex;flex-direction:column}.brand-main{color:var(--gold2);font-size:25px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 0 #000}.brand-sub{font-size:11px;color:#928b80;text-transform:uppercase;letter-spacing:1.8px}
.nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a{color:#c9c4bb;text-decoration:none;padding:9px 12px;border-radius:6px;font-size:14px;border:1px solid transparent}.nav a:hover,.nav a.active{color:var(--gold2);border-color:#494333;background:#181914}
.wrap{width:min(1180px,92vw);margin:auto}.wrap.narrow{width:min(650px,92vw);min-height:calc(100vh - 160px);padding:70px 0}
.hero{min-height:510px;display:grid;grid-template-columns:1.5fr .8fr;gap:48px;align-items:center;padding:70px 0 40px}
.eyebrow{color:var(--gold);font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}h1{font-size:clamp(48px,7vw,88px);line-height:.92;margin:0 0 24px;text-shadow:0 5px 20px #000}h1 span{color:var(--gold2)}.page-title{font-size:46px;line-height:1;margin-bottom:14px}.hero-copy p{max-width:680px;color:#cbc4b9;font-size:18px;line-height:1.65}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;text-decoration:none;color:#e7e2da;padding:12px 18px;border:1px solid #525866;border-radius:6px;background:linear-gradient(#262b35,#191d25);box-shadow:0 4px 14px rgba(0,0,0,.35);font-family:inherit;font-size:15px;cursor:pointer}.btn.primary{border-color:#866a35;color:#1a1409;background:linear-gradient(var(--gold2),#b88939);font-weight:700}
.server-card,.panel,.rates,.form-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 18px 45px rgba(0,0,0,.32);border-radius:9px}.server-card{padding:24px}.status-line{display:flex;align-items:center;gap:10px;color:var(--gold2);margin-bottom:18px;font-size:18px}.dot{width:10px;height:10px;border-radius:50%;background:#53ba72;box-shadow:0 0 10px #53ba72}
dl{margin:0}dl div{display:flex;justify-content:space-between;gap:30px;padding:11px 0;border-bottom:1px solid #30343e}dl div:last-child{border-bottom:0}dt{color:var(--muted)}dd{margin:0;color:#eee;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:10px 0 28px}.panel{padding:24px;min-height:170px}h2{margin:0 0 12px;color:var(--gold2);font-size:24px}.panel p,.rates p{color:var(--muted);line-height:1.6;margin:0 0 18px}.tag{display:inline-block;padding:5px 8px;border-radius:4px;border:1px solid #494f5b;color:#aeb6c2;background:#171a21;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px}
.rates{margin-bottom:46px;padding:24px}.rate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.rate-grid div{padding:15px;text-align:center;border-radius:6px;border:1px solid #373c47;background:#141821}.rate-grid strong,.rate-grid span{display:block}.rate-grid strong{color:#c8c2b8;margin-bottom:6px}.rate-grid span{font-size:22px;color:var(--gold2);font-weight:700}
.form-card{padding:32px}.form-intro{color:var(--muted);line-height:1.6;margin-bottom:25px}.form-card form{display:grid;gap:10px}.form-card label{color:#d9d3c8;font-weight:700;margin-top:6px}.form-card input{width:100%;padding:12px 13px;border-radius:5px;border:1px solid #474d59;background:#0f1218;color:#f4f0e8;font:16px Arial,sans-serif;outline:none}.form-card input:focus{border-color:#a88646;box-shadow:0 0 0 2px rgba(217,173,88,.12)}.submit-btn{margin-top:14px;width:100%}.message{padding:13px 14px;border-radius:6px;margin:0 0 18px;line-height:1.5}.message.success{border:1px solid #467c55;background:#14291a;color:#bfe2c8}.message.error{border:1px solid #854848;background:#2d1717;color:#f0c1c1}.small-note{font-size:12px;color:#777d87;margin-top:18px}
footer{text-align:center;color:#77736d;padding:26px;border-top:1px solid #252933;background:#080a0e;font-size:13px}footer span{color:#a9956c}
@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;gap:24px}.grid{grid-template-columns:1fr}.rate-grid{grid-template-columns:repeat(2,1fr)}}
.server-info-area .server-card {
  width: 300px;
  margin-left: -225px;
  position: relative;
  top: 10px;
}

.homepage-rates {
  width: 60%;
  margin: 545px auto 46px auto;
  padding: 20px;
  position: relative;
  left: 320px;
}