:root{ --brand:#6b46c1; }
.navbar-brand strong{ color:var(--brand); }
.btn-brand{ background:var(--brand); border-color:var(--brand); color:#fff; }
.btn-brand:hover{ filter:brightness(.95); }
.hero{ background:linear-gradient(90deg,#2f59ff 0%, #6b46c1 100%); color:#fff; padding:6rem 0 4rem; }
.hero .lead{ color:#eef; }
.section-title{ font-weight:800; margin-bottom:1.25rem; }
.footer{ margin-top:4rem; padding:2rem 0; color:#666; font-size:.95rem; }
.server-card{ border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.05); padding:28px; background:#fff; text-align:center; }
.server-card .icon{ font-size:28px; color:#2f59ff; }
.badge-soft{ background:#f3f3ff; color:var(--brand); }
.slide-hero{ border-radius:18px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.15); }
.carousel-item{ min-height:280px; background-size:cover; background-position:center; }