/* Dipindah dari shop/index.php (blok #2, id=sg-premium) */
    /* ═════════════════════════════════════════════════════════════════
       SHOP BAYAR GG — Premium Overlay
       Dark-first, glassmorphism, electric blue/cyan accents
       ═════════════════════════════════════════════════════════════════ */
    :root {
        --sg-bg-1: #060d1c;
        --sg-bg-2: #0a1628;
        --sg-bg-3: #0e1f38;
        --sg-line: rgba(148,197,255,.14);
        --sg-line-strong: rgba(148,197,255,.28);
        --sg-glass: rgba(15,30,56,.62);
        --sg-glass-2: rgba(20,38,68,.55);
        --sg-blue: #1f8cff;
        --sg-blue-2: #00b8ff;
        --sg-cyan: #38d4ff;
        --sg-cyan-2: #7af1ff;
        --sg-glow: 0 0 0 1px rgba(56,212,255,.18), 0 24px 60px -28px rgba(31,140,255,.55);
        --sg-radius: 20px;
        --sg-radius-lg: 26px;
        --sg-shadow: 0 18px 50px rgba(2,8,20,.45);
        --sg-shadow-soft: 0 14px 36px rgba(2,8,20,.32);
    }
    [data-theme="dark"] body {
        background:
            radial-gradient(1100px 600px at 80% -10%, rgba(56,212,255,.16), transparent 55%),
            radial-gradient(900px 500px at -10% 30%, rgba(31,140,255,.12), transparent 60%),
            linear-gradient(180deg, #050b18 0%, #060e1c 360px, #04080f 100%) !important;
    }
    [data-theme="dark"] {
        --bg-card: rgba(13,24,42,.75);
        --bg-card-solid: #0d182a;
        --bg-input: rgba(17,31,53,.7);
        --border: rgba(148,197,255,.12);
        --border-hover: rgba(56,212,255,.34);
        --shadow-card: 0 22px 56px rgba(2,8,20,.45);
        --shadow-card-hover: 0 30px 72px rgba(2,8,20,.55);
    }

    /* ─── Navbar ─── */
    .sg-nav { padding: 12px 0; background: rgba(7,14,28,.65); border-bottom: 1px solid var(--sg-line); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); }
    .sg-nav.scrolled { background: rgba(7,14,28,.88); box-shadow: 0 14px 30px rgba(0,0,0,.35); }
    [data-theme="light"] .sg-nav { background: rgba(255,255,255,.78); border-bottom: 1px solid #e3edff; }
    .sg-nav-row { display:flex; align-items:center; justify-content:space-between; gap:14px; }
    .sg-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; line-height:1; }
    .sg-brand-logo { width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem; background:linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)); box-shadow: 0 10px 24px -8px rgba(31,140,255,.65), inset 0 0 0 1px rgba(255,255,255,.18); }
    .sg-brand-text { display:inline-flex; flex-direction:column; gap:2px; letter-spacing:.4px; }
    .sg-brand-text strong { font-size:.78rem; font-weight:900; color: var(--sg-cyan); letter-spacing:2px; line-height:1; }
    .sg-brand-text > span { font-size:1rem; font-weight:900; color:#fff; line-height:1; letter-spacing:.6px; }
    [data-theme="light"] .sg-brand-text strong { color: #000000; }
    [data-theme="light"] .sg-brand-text > span { color:#0a0b0d; }
    .sg-nav-links { display:flex; align-items:center; gap:8px; }
    .sg-nav-link { display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:12px; font-weight:700; font-size:.84rem; color: rgba(226,239,255,.78); text-decoration:none; border:1px solid transparent; transition: all .2s; }
    .sg-nav-link:hover { color:#fff; background: rgba(56,212,255,.08); border-color: var(--sg-line); }
    .sg-nav-link i { font-size:.95rem; }
    .sg-nav-cta { background: linear-gradient(135deg, rgba(31,140,255,.18), rgba(56,212,255,.16)); border-color: rgba(56,212,255,.32); color:#dff4ff; }
    .sg-nav-cta:hover { background: linear-gradient(135deg, rgba(31,140,255,.32), rgba(56,212,255,.28)); color:#fff; }
    [data-theme="light"] .sg-nav-link { color:#475569; }
    [data-theme="light"] .sg-nav-link:hover { background:#eaf6ff; border-color:#bfe0ff; color:#0a0b0d; }
    [data-theme="light"] .sg-nav-cta { background:#eaf6ff; border-color:#bfe0ff; color:#000000; }
    .sg-theme-btn { width:40px; height:40px; border-radius:12px; }
    @media (max-width:560px) {
        .sg-nav-link span { display:none; }
        .sg-nav-link { padding:9px 11px; }
        .sg-brand-text strong { font-size:.7rem; letter-spacing:1.4px; }
        .sg-brand-text > span { font-size:.92rem; }
    }

    /* ─── Hero ─── */
    .sg-hero { background: transparent !important; padding: 36px 16px 96px !important; border-radius: 0 !important; color:#fff; }
    .sg-hero::before, .sg-hero::after { display:none !important; }
    .sg-hero-bg { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
    .sg-hero-orb { position:absolute; border-radius:50%; filter: blur(80px); opacity:.55; }
    .sg-hero-orb-1 { width:520px; height:520px; left:-160px; top:-180px; background: radial-gradient(circle, rgba(31,140,255,.55), transparent 70%); }
    .sg-hero-orb-2 { width:460px; height:460px; right:-140px; top:60px; background: radial-gradient(circle, rgba(56,212,255,.45), transparent 70%); }
    .sg-hero-grid { position:absolute; inset:-1px; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 50% 30%, #000 40%, transparent 75%); -webkit-mask-image: radial-gradient(circle at 50% 30%, #000 40%, transparent 75%); opacity:.35; }
    [data-theme="light"] .sg-hero { background: linear-gradient(135deg,#0e3a82 0%, #1f8cff 55%, #38d4ff 100%) !important; padding: 36px 16px 96px !important; }
    [data-theme="light"] .sg-hero .sg-hero-grid { opacity:.18; }
    .sg-hero-shell { position:relative; z-index:1; max-width:1180px; padding:0 8px; gap:32px; align-items:center; }
    .sg-hero-panel { padding: 14px 4px 0 !important; }
    .sg-hero-badge {
        display:inline-flex; align-items:center; gap:8px;
        padding:8px 14px; border-radius:999px; font-size:.78rem; font-weight:800; letter-spacing:.3px;
        background: rgba(56,212,255,.12); border:1px solid rgba(56,212,255,.32); color:#9be8ff;
        backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
        margin-bottom:18px;
    }
    .sg-hero-badge i { color: var(--sg-cyan); }
    .sg-hero-title { font-size: clamp(1.85rem, 4vw + .4rem, 3.05rem) !important; line-height:1.04 !important; letter-spacing:-.7px !important; font-weight:900 !important; color:#fff !important; max-width:680px; margin:0 0 14px !important; }
    .sg-hero-title span { background: linear-gradient(135deg,#ffffff 0%, #cce8ff 60%, #79e2ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .sg-hero-sub { font-size: clamp(.92rem, .6vw + .82rem, 1.05rem) !important; color: rgba(226,239,255,.78) !important; max-width:620px; margin:0 0 22px !important; line-height:1.6; }
    .sg-hero-search { background: rgba(255,255,255,.96) !important; border-radius:18px !important; padding:8px 8px 8px 18px !important; box-shadow: 0 28px 56px -22px rgba(0,40,90,.55), 0 0 0 1px rgba(255,255,255,.6) inset !important; max-width:620px !important; }
    .sg-hero-search input { font-size:.97rem !important; padding:14px 4px !important; color:#0f172a !important; }
    .sg-hero-search input::placeholder { color:#94a3b8; }
    .sg-hero-search button { background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)) !important; padding:12px 18px !important; border-radius:14px !important; display:inline-flex !important; align-items:center; gap:8px; font-size:.92rem !important; box-shadow: 0 10px 24px -10px rgba(31,140,255,.65); }
    .sg-hero-search button:hover { filter: brightness(1.08); }
    .sg-hero-badges { gap:10px !important; margin-top:18px !important; }
    .sg-hero-badges span { padding:8px 13px !important; border-radius:999px !important; background: rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.14) !important; color: rgba(226,239,255,.9) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-size:.78rem; }
    .sg-hero-badges span i { color: var(--sg-cyan); }

    .sg-hero-promo {
        background: linear-gradient(150deg, rgba(15,30,56,.72), rgba(7,14,28,.5)) !important;
        border:1px solid rgba(148,197,255,.18) !important;
        color:#dff4ff !important; padding:22px !important; border-radius:24px !important;
        backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);
        box-shadow: var(--sg-shadow);
    }
    .sg-hero-promo::before, .sg-hero-promo::after { display:none !important; }
    .sg-promo-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
    .sg-promo-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; background: linear-gradient(135deg, rgba(31,140,255,.22), rgba(56,212,255,.18)); border:1px solid rgba(56,212,255,.32); color:#cff5ff !important; font-weight:800; font-size:.74rem; letter-spacing:.4px; }
    .sg-promo-pill i { color: var(--sg-cyan); }
    .sg-promo-live { display:inline-flex; align-items:center; gap:7px; font-size:.7rem; font-weight:800; color:#7af0a3; padding:5px 10px; background: rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.32); border-radius:999px; }
    .sg-promo-live .sg-dot { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.18); animation: sg-pulse 1.6s ease-in-out infinite; }
    @keyframes sg-pulse { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(.7); opacity:.6; } }
    .sg-promo-title { display:block; font-size:1.18rem !important; line-height:1.2 !important; color:#fff !important; letter-spacing:-.2px; margin-bottom:8px; }
    .sg-promo-desc { color: rgba(226,239,255,.7) !important; margin:0 0 16px !important; font-size:.86rem; line-height:1.55; }
    .sg-promo-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
    @media (max-width: 640px) {
        .sg-promo-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    }
    @media (max-width: 480px) {
        .sg-promo-tiles { grid-template-columns:minmax(0,1fr); gap:8px; }
        .sg-promo-tile { flex-direction:row; justify-content:flex-start; padding:12px 14px; text-align:left; }
    }
    .sg-promo-tile { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:14px 8px; border-radius:16px; background: rgba(56,212,255,.07); border:1px solid rgba(56,212,255,.18); color:#cdebff; font-weight:800; font-size:.74rem; line-height:1.15; text-align:center; }
    .sg-promo-tile i { font-size:1.35rem; color: var(--sg-cyan); }
    .sg-promo-tile-accent { background: linear-gradient(135deg, rgba(31,140,255,.28), rgba(56,212,255,.22)); border-color: rgba(56,212,255,.45); color:#fff; box-shadow: 0 16px 36px -18px rgba(31,140,255,.55); }
    .sg-promo-tile-accent i { color:#fff; }
    [data-theme="light"] .sg-hero-promo { background: rgba(255,255,255,.92) !important; color:#0f172a !important; border-color:#e3edff !important; }
    [data-theme="light"] .sg-promo-pill { background:#eaf6ff; border-color:#bfe0ff; color:#1a86ff !important; }
    [data-theme="light"] .sg-promo-title { color:#0f172a !important; }
    [data-theme="light"] .sg-promo-desc { color:#475569 !important; }
    [data-theme="light"] .sg-promo-tile { background:#eaf6ff; border-color:#bfe0ff; color:#1a86ff; }
    [data-theme="light"] .sg-promo-tile i { color:#1a86ff; }
    [data-theme="light"] .sg-promo-tile-accent { background: linear-gradient(135deg,#1a86ff,#38d4ff); color:#fff; border-color:transparent; }
    [data-theme="light"] .sg-promo-tile-accent i { color:#fff; }
    @media (max-width: 900px) {
        .sg-hero-promo { display:flex !important; flex-direction:column; }
    }
    @media (max-width: 720px) {
        .sg-hero { padding: 24px 14px 70px !important; }
        .sg-hero-promo { display:none !important; }
        .sg-hero-search button span { display:none; }
        .sg-hero-search button { padding:12px 14px !important; }
    }

    /* ─── Trust Strip ─── */
    .sg-trust-strip { gap:12px !important; margin-top:-56px !important; padding:0 4px; }
    .sg-trust-item {
        background: linear-gradient(180deg, rgba(15,30,56,.78), rgba(7,14,28,.55)) !important;
        border:1px solid rgba(148,197,255,.16) !important;
        backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%);
        box-shadow: var(--sg-shadow-soft);
        border-radius:18px !important; padding:16px !important;
        display:flex; align-items:center; gap:14px;
    }
    .sg-trust-item:hover { border-color: var(--sg-line-strong) !important; transform: translateY(-2px); }
    .sg-trust-item strong { color:#f4faff !important; font-size:.88rem !important; }
    .sg-trust-item span { color: rgba(226,239,255,.62) !important; font-size:.74rem !important; }
    .sg-trust-icon { width:42px; height:42px; min-width:42px; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem; box-shadow: 0 10px 22px -10px rgba(0,0,0,.5); }
    .sg-trust-icon-blue { background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)); }
    .sg-trust-icon-cyan { background: linear-gradient(135deg, #00b8ff, #7af1ff); }
    .sg-trust-icon-green { background: linear-gradient(135deg, #10b981, #4ade80); }
    .sg-trust-icon-amber { background: linear-gradient(135deg, #f59e0b, #fcd34d); }
    .sg-trust-item > i { display:none !important; }
    [data-theme="light"] .sg-trust-item { background:#fff !important; border-color:#dbeafe !important; }
    [data-theme="light"] .sg-trust-item strong { color:#0f172a !important; }
    [data-theme="light"] .sg-trust-item span { color:#64748b !important; }

    /* ─── Card Title (premium) ─── */
    .sg-card-title { gap:14px !important; align-items:center !important; margin-bottom:18px !important; }
    .sg-card-title .tg-step { background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)) !important; color:#fff !important; box-shadow: 0 10px 22px -10px rgba(31,140,255,.6); border-radius:12px !important; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; font-weight:900; font-size:.92rem; }
    .sg-card-title .tg-title-text { font-size:1.05rem !important; font-weight:900 !important; color: var(--text-primary); display:flex; flex-direction:column; gap:3px; }
    .sg-card-title .tg-title-kicker { font-size:.78rem !important; font-weight:600 !important; color: var(--text-muted) !important; letter-spacing:0 !important; }

    /* ─── Category Cards ─── */
    .sg-home-categories { background: linear-gradient(180deg, rgba(15,30,56,.72), rgba(7,14,28,.5)) !important; border:1px solid var(--sg-line) !important; border-radius: var(--sg-radius-lg) !important; backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); box-shadow: var(--sg-shadow); }
    [data-theme="light"] .sg-home-categories { background:#fff !important; border-color:#dbeafe !important; }
    .sg-cat-grid { display:grid !important; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)) !important; gap:12px !important; }
    .sg-cat-card { position:relative; min-height:138px !important; padding:16px 12px !important; border-radius:18px !important; background: rgba(8,16,30,.55) !important; border:1px solid rgba(148,197,255,.14) !important; color: var(--text-primary); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:6px; transition: all .2s ease; cursor:pointer; }
    .sg-cat-card:hover { transform:translateY(-2px); border-color: var(--sg-line-strong) !important; background: rgba(20,38,68,.65) !important; }
    .sg-cat-card .g-icon { width:54px !important; height:54px !important; border-radius:16px !important; background: linear-gradient(135deg, rgba(31,140,255,.2), rgba(56,212,255,.16)) !important; color: var(--sg-cyan) !important; box-shadow: inset 0 0 0 1px rgba(56,212,255,.18); font-size:1.45rem !important; }
    .sg-cat-card.is-all .g-icon { background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)) !important; color:#fff !important; box-shadow: 0 12px 26px -10px rgba(31,140,255,.6); }
    .sg-cat-card .g-name { font-size:.92rem !important; font-weight:800 !important; color: var(--text-primary) !important; }
    .sg-cat-card .g-unit { font-size:.7rem !important; color: var(--text-muted) !important; line-height:1.3; }
    .sg-cat-card .g-check { display:none !important; position:absolute; top:10px; right:10px; width:22px; height:22px; border-radius:999px; background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)); color:#fff; align-items:center !important; justify-content:center; font-size:.7rem; box-shadow: 0 6px 14px -4px rgba(31,140,255,.65); }
    .sg-cat-card.sel { border-color: rgba(56,212,255,.55) !important; background: linear-gradient(160deg, rgba(31,140,255,.18), rgba(56,212,255,.1)) !important; box-shadow: var(--sg-glow); }
    .sg-cat-card.sel .g-name { color:#ffffff !important; }
    .sg-cat-card.sel .g-icon { background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)) !important; color:#fff !important; }
    .sg-cat-card.sel .g-check { display:flex !important; }
    [data-theme="light"] .sg-cat-card { background:#f7fbff !important; border-color:#dbeafe !important; }
    [data-theme="light"] .sg-cat-card:hover { background:#eaf6ff !important; border-color:#9bcaff !important; }
    [data-theme="light"] .sg-cat-card.sel { background: linear-gradient(160deg, rgba(31,140,255,.12), rgba(56,212,255,.08)) !important; border-color: var(--sg-blue) !important; }
    [data-theme="light"] .sg-cat-card.sel .g-name { color: var(--sg-blue) !important; }

    /* ─── Market Quick (sub-product cards) ─── */
    .sg-card-market { background: linear-gradient(180deg, rgba(15,30,56,.68), rgba(7,14,28,.42)) !important; border:1px solid var(--sg-line) !important; border-radius: var(--sg-radius-lg) !important; backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); box-shadow: var(--sg-shadow); }
    [data-theme="light"] .sg-card-market { background:#fff !important; border-color:#dbeafe !important; }
    .sg-market-quick .tg-market-section { padding:0 !important; margin-top:6px; }
    .sg-market-quick .tg-market-subgrid { display:grid !important; grid-template-columns: repeat(auto-fit,minmax(168px,1fr)) !important; gap:12px !important; }
    /* Legacy .tg-market-card rules removed; .sg-product-card style takes over.
       Keep this stub so older selectors no longer override the new layout. */

    /* ─── Recent Transactions ─── */
    .sg-card-recent, .sg-card-track { background: linear-gradient(180deg, rgba(15,30,56,.68), rgba(7,14,28,.42)) !important; border:1px solid var(--sg-line) !important; border-radius: var(--sg-radius-lg) !important; backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); box-shadow: var(--sg-shadow); }
    [data-theme="light"] .sg-card-recent, [data-theme="light"] .sg-card-track { background:#fff !important; border-color:#dbeafe !important; }
    .sg-recent-title { display:flex !important; align-items:flex-start !important; gap:12px !important; text-transform:none !important; letter-spacing:0 !important; color: var(--text-primary) !important; font-weight:900 !important; font-size:1rem !important; margin-bottom:14px !important; }
    .sg-recent-title > span { display:flex; flex-direction:column; gap:3px; }
    .sg-recent-sub { font-size:.74rem; font-weight:600; color: var(--text-muted); letter-spacing:0; text-transform:none; }
    .sg-recent-icon { width:34px; height:34px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)); color:#fff; box-shadow: 0 10px 22px -10px rgba(31,140,255,.6); flex-shrink:0; }
    .sg-recent-list { gap:8px !important; }
    .sg-recent-list .tg-rx { background: rgba(8,16,30,.55) !important; border:1px solid rgba(148,197,255,.12) !important; border-radius:14px !important; padding:12px 14px !important; transition: all .2s ease; }
    .sg-recent-list .tg-rx:hover { transform: translateY(-1px); border-color: var(--sg-line-strong) !important; }
    .sg-recent-list .tg-rx-prod { font-weight:800 !important; color: var(--text-primary) !important; }
    .sg-recent-list .tg-rx-meta { color: var(--text-muted) !important; }
    .sg-recent-list .tg-rx-price { color: var(--sg-cyan) !important; font-weight:800 !important; }
    .sg-recent-list .tg-rx-badge { padding:4px 10px !important; font-size:.66rem !important; font-weight:800 !important; letter-spacing:.4px; display:inline-flex; align-items:center; gap:5px; }
    .sg-recent-list .tg-rx-badge::before { content:''; width:6px; height:6px; border-radius:999px; background: currentColor; opacity:.85; }
    .sg-recent-list .tg-rx-badge.success { background: rgba(34,197,94,.14) !important; color:#86efac !important; border:1px solid rgba(34,197,94,.28); }
    .sg-recent-list .tg-rx-badge.processing { background: rgba(59,130,246,.14) !important; color:#93c5fd !important; border:1px solid rgba(59,130,246,.28); }
    .sg-recent-list .tg-rx-badge.pending { background: rgba(250,204,21,.14) !important; color:#fde68a !important; border:1px solid rgba(250,204,21,.28); }
    .sg-recent-list .tg-rx-badge.failed { background: rgba(248,113,113,.14) !important; color:#fca5a5 !important; border:1px solid rgba(248,113,113,.28); }
    [data-theme="light"] .sg-recent-list .tg-rx { background:#f7fbff !important; border-color:#e3edff !important; }

    /* ─── Track Order ─── */
    .sg-track { gap:10px !important; }
    .sg-track-icon { width:34px; height:34px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(135deg,#10b981,#4ade80); color:#fff; box-shadow: 0 10px 22px -10px rgba(16,185,129,.55); }
    .sg-track-input { background: rgba(8,16,30,.55) !important; border:1px solid rgba(148,197,255,.18) !important; border-radius:14px !important; padding:13px 16px !important; color: var(--text-primary) !important; font-size:.92rem !important; }
    .sg-track-input:focus { border-color: var(--sg-cyan) !important; box-shadow: 0 0 0 3px rgba(56,212,255,.18) !important; }
    [data-theme="light"] .sg-track-input { background:#f7fbff !important; border-color:#dbeafe !important; }
    .sg-track-btn { background: linear-gradient(135deg, var(--sg-blue), var(--sg-cyan)) !important; padding: 0 18px !important; border-radius:14px !important; font-weight:800 !important; box-shadow: 0 12px 26px -10px rgba(31,140,255,.6); display:inline-flex !important; align-items:center; gap:8px; }
    .sg-track-btn:hover { filter: brightness(1.06); }
    @media (max-width:560px) {
        .sg-track-btn span { display:none; }
        .sg-track-btn { padding:0 14px !important; min-width:48px; height:46px; }
    }

    /* ─── Footer ─── */
    .sg-footer { background: linear-gradient(180deg,#040813 0%, #02060d 100%) !important; padding: 56px 0 28px !important; border-top: 1px solid var(--sg-line) !important; color: rgba(226,239,255,.62) !important; }
    .sg-footer-inner { max-width: 1180px !important; padding: 0 20px !important; }
    .sg-footer-grid { grid-template-columns: 1.5fr 1fr 1fr !important; gap: 32px !important; }
    .sg-brand-footer .sg-brand-text > span { color:#fff !important; }
    .sg-footer-brand p { color: rgba(226,239,255,.6) !important; line-height:1.65 !important; max-width:380px; margin:14px 0 16px !important; }
    .sg-footer-badges { display:flex; flex-wrap:wrap; gap:8px; }
    .sg-footer-badges span { display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:999px; font-size:.72rem; font-weight:700; background: rgba(56,212,255,.08); border:1px solid rgba(56,212,255,.22); color:#bdeaff; }
    .sg-footer-badges span i { color: var(--sg-cyan); }
    .sg-footer h5 { color:#fff !important; font-size:.92rem !important; margin-bottom:14px !important; letter-spacing:.3px; }
    .sg-footer-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px; }
    .sg-footer-list a { display:inline-flex; align-items:center; gap:9px; color: rgba(226,239,255,.62) !important; font-size:.86rem !important; text-decoration:none; transition: color .2s; }
    .sg-footer-list a i { color: var(--sg-cyan); width:18px; text-align:center; }
    .sg-footer-list a:hover { color:#fff !important; }
    .sg-footer hr { border-top: 1px solid rgba(148,197,255,.1) !important; margin: 28px 0 16px !important; }
    .sg-footer-bottom { text-align:center !important; }
    .sg-footer-bottom p { color: rgba(226,239,255,.45) !important; font-size:.78rem !important; margin:0 0 6px !important; }
    .sg-footer-disclaimer { color: rgba(226,239,255,.32) !important; font-size:.72rem !important; }
    [data-theme="light"] .sg-footer { background:#ffffff !important; color:#64748b !important; }
    @media (max-width: 720px) {
        .sg-footer-grid { grid-template-columns: 1fr !important; gap:24px !important; }
        .sg-footer { padding: 44px 0 24px !important; }
    }

    /* ─── Misc ─── */
    .tg-divider { background: linear-gradient(90deg, transparent, var(--sg-line-strong), transparent) !important; height:1px !important; }
    .sg-card-title .tg-step { transition: transform .25s; }
    .sg-card:hover .tg-step { transform: scale(1.05); }