#gpg-salespro-assessment.gpg-spa{
  --gpg-black:#231f20; --gpg-pink:#ec168f; --gpg-pink2:#ff4fb3; --gpg-soft:#fff0f8; --gpg-ink:#111827; --gpg-muted:#5f6b7a; --gpg-white:#fff; --gpg-line:#e8edf5; --gpg-navy:#06172f;
  font-family: Arial, Helvetica, sans-serif; color:var(--gpg-ink); background:radial-gradient(circle at top left, rgba(236,22,143,.12), transparent 35%), linear-gradient(180deg,#fff 0%,#f7f8fb 100%); padding:42px 18px; overflow:hidden;
}
#gpg-salespro-assessment *{box-sizing:border-box;}
.gpg-spa__wrap{max-width:1180px;margin:0 auto;}
.gpg-spa__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--gpg-pink);font-size:13px;margin-bottom:12px;}
.gpg-spa__top{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch;}
.gpg-spa__hero-card,.gpg-spa__side-card,.gpg-spa__quiz,.gpg-spa__results{background:rgba(255,255,255,.94);border:1px solid var(--gpg-line);border-radius:28px;box-shadow:0 22px 70px rgba(17,24,39,.12);}
.gpg-spa__hero-card{padding:42px;border-left:10px solid var(--gpg-pink);}
.gpg-spa__brandline{display:flex;align-items:center;gap:14px;margin-bottom:28px;}
.gpg-spa__logo{width:76px;height:76px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(35,31,32,.12);}
.gpg-spa__brandline strong{display:block;color:var(--gpg-black);font-size:18px;line-height:1.1;}
.gpg-spa__brandline span{display:block;color:var(--gpg-pink);font-weight:900;font-size:13px;margin-top:4px;}
.gpg-spa h1{font-size:clamp(44px,6vw,76px);line-height:.94;letter-spacing:-.055em;margin:0 0 18px;color:var(--gpg-black);font-weight:900;}
.gpg-spa h1 span{color:var(--gpg-pink);}
.gpg-spa__lead{font-size:19px;line-height:1.55;color:#42526e;max-width:720px;margin:0 0 24px;}
.gpg-spa__checks{display:grid;gap:11px;margin:0 0 26px;color:var(--gpg-black);font-weight:700;}
.gpg-spa__checks div{position:relative;padding-left:30px;}
.gpg-spa__checks div:before{content:'✓';position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:var(--gpg-pink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;}
.gpg-spa__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0;}
.gpg-spa label{font-size:13px;font-weight:900;color:var(--gpg-black);display:block;}
.gpg-spa input{width:100%;margin-top:8px;border:1px solid #d8e0eb;border-radius:15px;padding:14px 15px;background:#fff;color:var(--gpg-ink);font-size:15px;outline:none;}
.gpg-spa input:focus{border-color:var(--gpg-pink);box-shadow:0 0 0 4px rgba(236,22,143,.12);}
.gpg-spa__primary,.gpg-spa__secondary{border:0;border-radius:999px;padding:15px 26px;font-weight:900;font-size:16px;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;}
.gpg-spa__primary{background:linear-gradient(135deg,var(--gpg-pink),var(--gpg-pink2));color:#fff;box-shadow:0 16px 35px rgba(236,22,143,.28);}
.gpg-spa__primary:hover,.gpg-spa__secondary:hover{transform:translateY(-1px);}
.gpg-spa__secondary{background:#fff;color:var(--gpg-black);border:1px solid #d8e0eb;}
.gpg-spa__side-card{padding:34px;background:linear-gradient(160deg,var(--gpg-black),var(--gpg-navy));color:#fff;position:relative;overflow:hidden;}
.gpg-spa__side-card:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;bottom:-90px;background:rgba(236,22,143,.24);}
.gpg-spa__side-logo{width:128px;height:128px;object-fit:contain;border-radius:50%;background:#fff;margin-bottom:24px;position:relative;z-index:1;}
.gpg-spa__side-card h2{font-size:30px;color:#fff;margin:0 0 20px;position:relative;z-index:1;}
.gpg-spa__scale{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px 15px;margin-bottom:10px;position:relative;z-index:1;}
.gpg-spa__scale strong{color:var(--gpg-pink2);font-size:18px;}
.gpg-spa__note{position:relative;z-index:1;background:rgba(255,255,255,.1);border-radius:18px;padding:18px;line-height:1.5;margin:24px 0 0;}
.gpg-spa__quiz,.gpg-spa__results{display:none;margin-top:28px;padding:34px;}
.gpg-spa__quiz-head{display:flex;justify-content:space-between;gap:18px;align-items:center;font-weight:900;color:var(--gpg-black);margin-bottom:18px;}
.gpg-spa__mini-brand{display:flex;align-items:center;gap:10px;}.gpg-spa__mini-brand img{width:44px;height:44px;object-fit:contain;}
.gpg-spa__progress{height:10px;background:#edf1f7;border-radius:999px;overflow:hidden;margin-bottom:32px;}.gpg-spa__progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gpg-pink),var(--gpg-pink2));border-radius:999px;transition:width .2s ease;}
.gpg-spa__question{font-size:clamp(26px,3.2vw,42px);line-height:1.18;color:var(--gpg-black);font-weight:900;margin:0 0 28px;max-width:930px;}
.gpg-spa__answers{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;}
.gpg-spa__answer{min-height:116px;border:2px solid #dce6f2;border-radius:22px;background:#fff;cursor:pointer;text-align:center;display:grid;place-items:center;padding:14px;transition:all .18s ease;color:var(--gpg-black);}
.gpg-spa__answer:hover{border-color:var(--gpg-pink);box-shadow:0 12px 30px rgba(236,22,143,.13);transform:translateY(-2px);}.gpg-spa__answer strong{font-size:31px;display:block;}.gpg-spa__answer span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--gpg-muted);}
.gpg-spa__nav{margin-top:22px;}
.gpg-spa__result-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch;}.gpg-spa__result-main,.gpg-spa__result-side{background:#fff;border:1px solid var(--gpg-line);border-radius:24px;padding:30px;}.gpg-spa__result-kicker{color:var(--gpg-pink);text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-top:20px;}.gpg-spa__results h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:8px 0 20px;color:var(--gpg-black);}.gpg-spa__score-ring{margin:20px auto;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gpg-pink) 0deg,var(--gpg-pink) var(--angle,0deg),#edf1f7 var(--angle,0deg),#edf1f7 360deg);position:relative;}.gpg-spa__score-ring:before{content:'';position:absolute;inset:18px;background:#fff;border-radius:50%;}.gpg-spa__score-ring div{position:relative;z-index:1;text-align:center;}.gpg-spa__score-ring strong{display:block;font-size:54px;color:var(--gpg-black);line-height:1;}.gpg-spa__score-ring span{display:block;margin-top:6px;text-transform:uppercase;font-size:12px;font-weight:900;color:var(--gpg-muted);}.gpg-spa__results p{font-size:18px;line-height:1.55;color:#42526e;margin:0;}.gpg-spa__badge{display:inline-flex;background:var(--gpg-soft);color:var(--gpg-black);border:1px solid rgba(236,22,143,.18);border-radius:999px;padding:10px 16px;font-weight:900;margin-bottom:18px;}.gpg-spa__result-side h3{font-size:26px;margin:10px 0 14px;color:var(--gpg-black);}.gpg-spa__result-side ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;}.gpg-spa__result-side li{position:relative;padding-left:30px;line-height:1.4;font-weight:700;color:#344054;}.gpg-spa__result-side li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;background:var(--gpg-pink);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;}.gpg-spa__thanks{margin-top:24px;background:linear-gradient(135deg,var(--gpg-black),var(--gpg-navy));border-radius:18px;color:#fff;padding:20px;font-weight:900;}.gpg-spa__confetti-piece{position:fixed;top:-14px;width:10px;height:16px;z-index:999999;animation:gpgConfettiFall 3s linear forwards;}@keyframes gpgConfettiFall{to{transform:translateY(105vh) rotate(720deg);}}
@media (max-width: 900px){#gpg-salespro-assessment.gpg-spa{padding:22px 10px;}.gpg-spa__top,.gpg-spa__result-grid{grid-template-columns:1fr!important;gap:16px;}.gpg-spa__hero-card{padding:26px!important;border-left:0!important;border-top:8px solid var(--gpg-pink);}.gpg-spa__form-grid{grid-template-columns:1fr!important;}.gpg-spa__answers{grid-template-columns:1fr!important;gap:10px;}.gpg-spa__answer{min-height:78px!important;}.gpg-spa__quiz,.gpg-spa__results{padding:20px!important;}.gpg-spa__quiz-head{align-items:flex-start;flex-direction:column;}.gpg-spa__side-logo{width:96px;height:96px;}.gpg-spa__score-ring{width:180px;height:180px;}.gpg-spa__score-ring strong{font-size:46px;}}
.gpg-spa__thanks a{color:#fff;text-decoration:underline;font-weight:900;}
