:root{
  --sp-bg:#0b1020; --sp-bg-2:#0f172a; --sp-card:#111827; --sp-text:#e5e7eb; --sp-muted:#94a3b8;
  --sp-primary:#6366f1; --sp-primary-2:#4f46e5; --sp-accent:#22d3ee; --sp-border:#1f2937;
}
html,body{margin:0;padding:0;background:var(--sp-bg);color:var(--sp-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.sp-container{max-width:1100px;margin:0 auto;padding:0 16px}
.sp-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(2,6,23,.9),rgba(2,6,23,.6));backdrop-filter:blur(8px);border-bottom:1px solid var(--sp-border)}
.sp-header__inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.sp-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}
.sp-logo i{color:var(--sp-accent)}
.sp-nav{display:flex;gap:14px}
.sp-nav__link{color:var(--sp-muted);text-decoration:none;padding:8px 10px;border-radius:8px;transition:.2s ease}
.sp-nav__link:hover{color:#fff;background:rgba(99,102,241,.08)}
.sp-nav__link.is-active{background:rgba(99,102,241,.14);color:#fff}

.sp-footer{margin-top:40px;border-top:1px solid var(--sp-border);background:var(--sp-bg-2)}
.sp-footer__inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:var(--sp-muted)}
.sp-footer__link{color:var(--sp-muted);text-decoration:none;margin-left:12px}
.sp-footer__link:hover{color:#fff}

/* Generic content wrappers */
.sp-page{padding:20px 0}
.sp-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:12px;padding:16px}
.sp-title{margin:0 0 12px 0;font-size:22px}

/* Utility */
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}