body { margin:0; font-family:Arial; background:#111; color:#eee; }
header { display:flex; align-items:center; justify-content:space-between; padding:10px 50px; background:#000; }
nav a { margin:0 15px; color:#0af; text-decoration:none; }
.hero { text-align:center; padding:50px; background:url('../images/hero.jpg') no-repeat center/cover; }
.btn { padding:10px 20px; background:#0af; color:#000; font-weight:bold; border:none; cursor:pointer; margin:5px; }
.servers-overview { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; padding:20px; }
.server-card { background:#222; padding:20px; border-radius:10px; width:250px; text-align:center; }
.store-tabs { padding:30px; }
.tabs { margin-bottom:20px; }
.tab-link { padding:10px 20px; background:#222; color:#0af; border:none; cursor:pointer; margin-right:5px; border-radius:5px; }
.tab-link.active { background:#0af; color:#000; }
.tab-content { display:none; }
.tab-content.active { display:block; }
.package-card { background:#222; padding:15px; margin-bottom:15px; border-radius:5px; }