:root{
  --sfk-primary:#9146ff;
  --sfk-accent:#ff4d6d;
  --sfk-bg:#0b0f1c;
  --sfk-card:#12162a;
  --sfk-text:#e6e8f2;
  --sfk-dim:#9aa1b5;
  --sfk-ok:#22c55e;
  --sfk-warn:#f59e0b;
  --sfk-danger:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--sfk-bg);color:var(--sfk-text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--sfk-primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container-sfk-62f{max-width:1100px;margin:0 auto;padding:24px}
.navbar-sfk-12a{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav-links-sfk-55c{display:flex;gap:18px}
.btn-sfk-cta{background:linear-gradient(90deg,var(--sfk-primary),var(--sfk-accent));border:none;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(145,70,255,.25)}
.btn-sfk-ghost{background:transparent;border:1px solid #2a2f45;color:var(--sfk-text);padding:12px 18px;border-radius:12px;font-weight:600;cursor:pointer}
.hero-sfk-2b9{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:28px 0}
.hero-card-sfk-4e1{background:radial-gradient(1200px 400px at 70% 20%, rgba(145,70,255,.15), transparent), var(--sfk-card);border:1px solid #262c45;border-radius:22px;padding:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.h1-sfk-8da{font-size:42px;line-height:1.1;margin:0 0 14px}
.p-sfk-2af{color:var(--sfk-dim);margin:0 0 22px}
.badges-sfk-9d8{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.badge-sfk{border:1px dashed #334; color:#cbd1e6; padding:6px 10px; border-radius:999px; font-size:12px}
.cards-sfk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}
.card-sfk{background:var(--sfk-card);border:1px solid #262c45;border-radius:18px;padding:18px}
.card-sfk h3{margin:6px 0 8px}
.card-sfk p{color:var(--sfk-dim);margin:0}
.faq-sfk-acc .q{background:#0e1326;border:1px solid #262c45; padding:16px;border-radius:14px;cursor:pointer}
.faq-sfk-acc .a{display:none;padding:12px 16px;color:#cbd1e6}
.grid-2-sfk{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.footer-sfk-0f1{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-top:34px;padding-top:24px;border-top:1px solid #1d2238;color:#98a0ba}
.small{font-size:12px;color:#8892a6}
.notice-sfk-age{background:rgba(255,77,109,.08);border:1px solid rgba(255,77,109,.3);padding:12px;border-radius:12px}
.tag-cloud-sfk{display:flex;flex-wrap:wrap;gap:10px}
.tag-cloud-sfk a{background:#0e1326;border:1px solid #262c45;padding:6px 10px;border-radius:999px;color:#b8c0df}
.header-sticky-sfk{position:sticky; top:0; backdrop-filter: blur(6px); background: rgba(11,15,28,.7); border-bottom:1px solid #161a2a; z-index:20}
@media (max-width: 900px){.hero-sfk-2b9{grid-template-columns:1fr}.cards-sfk-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.cards-sfk-grid{grid-template-columns:1fr}.footer-sfk-0f1{grid-template-columns:1fr}}
.modal-mask-sfk{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:50}
.modal-card-sfk{background:#0d1122;border:1px solid #262c45;border-radius:16px;max-width:520px;width:92%;padding:20px;color:#d7dbef}
.modal-card-sfk h3{margin-top:0}
.modal-actions-sfk{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.fade-in-sfk{animation:fadeIn .6s ease both}
@keyframes fadeIn{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}