
.skgbp-wrap{--skgbp-primary:#044477;--skgbp-bg:#f5f8fb;--skgbp-card:#fff;--skgbp-text:#12202f;--skgbp-muted:#5f6f82;--skgbp-border:#dfe8f1;--skgbp-safe:#138a43;--skgbp-medium:#b7791f;--skgbp-high:#c05621;--skgbp-restricted:#b91c1c;--skgbp-dark:#0f273d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--skgbp-text);max-width:1180px;margin:0 auto;padding:28px 16px}
.skgbp-wrap *{box-sizing:border-box}
.skgbp-hero{display:grid;grid-template-columns:1fr minmax(240px,330px);gap:22px;align-items:center;background:linear-gradient(135deg,#044477,#06283d);color:#fff;border-radius:28px;padding:34px;box-shadow:0 18px 45px rgba(4,68,119,.22)}
.skgbp-pill{display:inline-flex;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;margin-bottom:12px}
.skgbp-hero h1{margin:0 0 12px;font-size:clamp(28px,4vw,48px);line-height:1.05;color:#fff}
.skgbp-hero p{font-size:17px;margin:0;color:rgba(255,255,255,.88)}
.skgbp-trust-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px}
.skgbp-form,.skgbp-results,.skgbp-content{background:var(--skgbp-card);border:1px solid var(--skgbp-border);border-radius:26px;padding:24px;margin-top:22px;box-shadow:0 12px 30px rgba(15,39,61,.06)}
.skgbp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.skgbp-field{display:flex;flex-direction:column;gap:7px}
.skgbp-field-full{grid-column:1/-1}
.skgbp-field label{font-weight:800;font-size:14px;color:#193149}
.skgbp-field label span{color:#b91c1c}
.skgbp-field input,.skgbp-field select,.skgbp-field textarea{width:100%;border:1px solid var(--skgbp-border);border-radius:14px;padding:13px 14px;background:#fbfdff;color:var(--skgbp-text);font-size:15px;outline:none;transition:.2s ease}
.skgbp-field input:focus,.skgbp-field select:focus,.skgbp-field textarea:focus{border-color:var(--skgbp-primary);box-shadow:0 0 0 4px rgba(4,68,119,.1);background:#fff}
.skgbp-actions,.skgbp-report-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.skgbp-btn{border:0;border-radius:14px;padding:13px 18px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease;font-size:15px}
.skgbp-btn:hover{transform:translateY(-1px)}
.skgbp-btn-primary{background:var(--skgbp-primary);color:#fff}
.skgbp-btn-light{background:#edf4fa;color:var(--skgbp-dark)}
.skgbp-loading{margin-top:18px;padding:16px;border-radius:18px;background:#eef6fc;display:flex;gap:10px;align-items:center;font-weight:800;color:var(--skgbp-primary)}
.skgbp-loading[hidden],.skgbp-results[hidden]{display:none}
.skgbp-loading span{width:18px;height:18px;border:3px solid rgba(4,68,119,.2);border-top-color:var(--skgbp-primary);border-radius:50%;animation:skgbpSpin .75s linear infinite}
@keyframes skgbpSpin{to{transform:rotate(360deg)}}
.skgbp-score-card{display:grid;grid-template-columns:1fr 240px;gap:18px;align-items:center;background:#f7fbff;border:1px solid var(--skgbp-border);border-radius:22px;padding:20px}
.skgbp-status-badge{display:inline-flex;border-radius:999px;padding:7px 12px;color:#fff;font-weight:900;font-size:13px;margin-bottom:10px}
.skgbp-status-safe{background:var(--skgbp-safe)}
.skgbp-status-medium{background:var(--skgbp-medium)}
.skgbp-status-high{background:var(--skgbp-high)}
.skgbp-status-restricted,.skgbp-status-not{background:var(--skgbp-restricted)}
.skgbp-meter{text-align:center}
.skgbp-meter-circle{width:112px;height:112px;border-radius:50%;margin:0 auto 12px;background:conic-gradient(var(--skgbp-primary) 0deg,#dce8f1 0deg);display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;color:var(--skgbp-primary);box-shadow:inset 0 0 0 12px #fff}
.skgbp-meter-circle span{font-size:34px;line-height:1}
.skgbp-meter-bar{height:10px;background:#dce8f1;border-radius:99px;overflow:hidden}
.skgbp-meter-bar span{display:block;height:100%;width:0;background:var(--skgbp-primary);border-radius:99px;transition:width .45s ease}
.skgbp-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.skgbp-card{background:#fff;border:1px solid var(--skgbp-border);border-radius:18px;padding:18px;animation:skgbpUp .35s ease both}
.skgbp-card h3{margin:0 0 10px;font-size:18px;color:#082c49}
.skgbp-card ul{margin:0;padding-left:18px}
.skgbp-card li{margin:7px 0;color:#25384c}
@keyframes skgbpUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.skgbp-disclaimer{font-size:13px;color:var(--skgbp-muted);margin:16px 0 0}
.skgbp-toast{position:fixed;right:18px;bottom:18px;background:#102a43;color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:99999}
.skgbp-toast.skgbp-show{opacity:1;transform:none}
.skgbp-content h2{font-size:24px;margin:24px 0 8px;color:#082c49}
.skgbp-content p{color:#33475b;line-height:1.7}
.skgbp-cta{background:linear-gradient(135deg,#eef8ff,#fff);border:1px solid var(--skgbp-border);border-radius:22px;padding:22px;margin:24px 0}
.skgbp-faq-item{border:1px solid var(--skgbp-border);border-radius:16px;padding:14px 16px;margin:10px 0;background:#fbfdff}
.skgbp-faq-item summary{font-weight:900;cursor:pointer}
.skgbp-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skgbp-related a{display:block;background:#f2f7fb;border:1px solid var(--skgbp-border);border-radius:16px;padding:14px;text-decoration:none;color:var(--skgbp-primary);font-weight:800}
@media print{body *{visibility:hidden}.skgbp-wrap,.skgbp-wrap *{visibility:visible}.skgbp-wrap{position:absolute;left:0;top:0;max-width:100%;box-shadow:none}.skgbp-form,.skgbp-actions,.skgbp-report-actions,.skgbp-content{display:none!important}.skgbp-results{display:block!important;border:0;box-shadow:none}}
@media (max-width:780px){.skgbp-wrap{padding:18px 12px}.skgbp-hero,.skgbp-score-card,.skgbp-grid,.skgbp-result-grid,.skgbp-related{grid-template-columns:1fr}.skgbp-hero{padding:24px;border-radius:22px}.skgbp-form,.skgbp-results,.skgbp-content{padding:18px;border-radius:20px}.skgbp-sticky-mobile{position:sticky;bottom:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:10px;border:1px solid var(--skgbp-border);border-radius:18px;z-index:5}.skgbp-btn{width:100%}}
