.gip{--gip-bg:#16161a;--gip-line:#2a2a30;--gip-amber:#ffb000;--gip-text:#e8e8ea;--gip-mute:#8d8d96;
  background:var(--gip-bg);border:1px solid var(--gip-line);border-radius:10px;padding:18px;color:var(--gip-text);
  font-family:system-ui,-apple-system,Segoe UI,sans-serif;max-width:1100px;margin:16px auto;box-sizing:border-box}
.gip *{box-sizing:border-box}
.gip h2{margin:0 0 4px;font-size:18px;color:var(--gip-amber);text-transform:uppercase;letter-spacing:.04em}
.gip p{margin:0 0 14px;font-size:14px;color:var(--gip-mute);line-height:1.5}
.gip-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;counter-reset:s}
.gip-steps li{counter-increment:s;flex:1 1 200px;font-size:13px;background:#0d0d0f;border:1px solid var(--gip-line);border-radius:8px;padding:10px 12px}
.gip-steps li::before{content:counter(s);display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:var(--gip-amber);color:#111;font-weight:700;font-size:12px;margin-right:8px}
.gip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gip-card{display:flex;flex-direction:column;background:#0d0d0f;border:1px solid var(--gip-line);border-radius:10px;padding:14px}
.gip-card h3{margin:0 0 2px;font-size:16px;color:var(--gip-text)}
.gip-tag{font-size:11px;color:var(--gip-amber);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.gip-card p{font-size:13px;flex:1;margin-bottom:12px}
.gip-card a{display:block;text-align:center;background:var(--gip-amber);color:#111;text-decoration:none;font-weight:700;font-size:13px;padding:10px;border-radius:8px}
.gip-card a:hover{filter:brightness(1.1)}
.gip-note{margin:14px 0 0;font-size:12px;color:var(--gip-mute);line-height:1.5}
.gip-note b{color:var(--gip-text)}
