/* WEBHATSHOSTING.NET - webhathosting.com */
:root{--red:#ff1025;--dark:#07080d;--panel:#111218;--border:#2a2d36;--text:#ffffff;--muted:#c9c9d1}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#320006,#07080d 45%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:white;text-decoration:none}.topbar{height:88px;background:#121219;border-bottom:3px solid var(--red);display:flex;align-items:center;justify-content:space-between;padding:0 48px}
.logo strong{font-size:28px}.logo span,.topbar nav a:hover,h1 span,h2,.card h3{color:var(--red)}.logo small{display:block;font-size:14px}
nav{display:flex;gap:26px;align-items:center}.btn,.btn-outline{background:var(--red);padding:14px 22px;border-radius:8px;font-weight:700;display:inline-block;border:1px solid var(--red)}
.btn-outline,.ghost{background:transparent}.hero{min-height:480px;display:flex;align-items:center;padding:80px 8%;background:linear-gradient(90deg,#111 0%,#230006 100%)}
.hero h1{font-size:54px;max-width:850px}.hero p{font-size:20px;color:var(--muted);max-width:750px}.cards,.offer-grid,.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 8%}
.card,.offer,.admin-grid div,.table-demo{background:rgba(18,18,24,.92);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 12px 40px #0008}
.affiliate,.page{padding:50px 8%;text-align:center}.offer-grid{grid-template-columns:repeat(3,1fr);padding:25px 0}.offer b{background:var(--red);padding:6px 10px;border-radius:6px;font-size:12px}
.price{color:var(--red);font-size:28px;font-weight:800;margin:18px 0}.offer a{border:1px solid var(--red);color:var(--red);padding:12px 18px;border-radius:8px;display:block}
.notice{color:var(--muted);font-size:14px}.form{max-width:650px;margin:auto;display:grid;gap:14px}.form input,.form textarea{padding:15px;border-radius:8px;border:1px solid var(--border);background:#111;color:#fff}.form textarea{min-height:160px}
footer{text-align:center;padding:35px;color:#999}.admin-body{display:flex}.sidebar{width:280px;min-height:100vh;background:#0d0e13;border-right:2px solid var(--red);padding:25px;position:fixed}.sidebar span{color:var(--red)}.sidebar a{display:block;padding:12px;border-bottom:1px solid #222}
.admin-main{margin-left:280px;padding:40px;width:calc(100% - 280px)}
@media(max-width:900px){.cards,.offer-grid,.admin-grid{grid-template-columns:1fr}.topbar{height:auto;padding:20px;display:block}nav{flex-wrap:wrap;margin-top:15px}.hero h1{font-size:36px}}