html, body { margin:0; min-height:100%; background:#0b0f14; color:#edf1f7; font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust:100%; }
body { padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom); }
.sp-head { display:flex; align-items:baseline; gap:12px; max-width:760px; margin:0 auto; padding:22px 16px 14px; }
.sp-logo { color:#fff; font-size:1.9rem; font-weight:900; letter-spacing:-.04em; text-decoration:none; background:linear-gradient(90deg, #a78bfa, #38bdf8); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.sp-sub { color:#9aa6b7; font-size:.85rem; }
.sp-main { padding:0 16px; }
.sp-foot { max-width:760px; margin:0 auto; padding:18px 16px 28px; font-size:.8rem; }
.sp-foot a { color:#7dd3fc; text-decoration:none; }