body{margin:0;font-family:system-ui,Arial,sans-serif;color:#102a43}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0b2545;color:#fff}
.brand{display:flex;align-items:center;gap:.75rem}
nav a{color:#fff;margin-left:1.5rem;text-decoration:none}
.hero{background:url('/assets/images/server-something.jpg') center/cover no-repeat;min-height:420px;display:flex;align-items:center;padding:2rem}
.hero-content{background:rgba(11,37,69,.7);padding:2rem;border-radius:6px;color:#fff}
.btn{display:inline-block;margin-top:1rem;background:#2c507d;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none}
.btn.secondary{background:#2c507d}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:3rem 2rem;background:#f1f5f9;text-align:center}
.feature{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.about-preview{padding:3rem 2rem;text-align:center}
.site-footer{text-align:center;padding:1rem;background:#102a43;color:#e2e8f0}