.compat-hero-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,rgba(233,30,99,.25),rgba(147,51,234,.15));border:1px solid var(--border-strong);border-radius:var(--radius-xl);margin-bottom:var(--space-8);text-align:center}.compat-hero-banner__signs{display:flex;align-items:center;gap:var(--space-6)}.compat-hero-banner__sign{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.compat-hero-banner__symbol{font-size:3.5rem;line-height:1}.compat-hero-banner__name{font-family:var(--serif);font-size:var(--fs-lg);font-weight:600;color:var(--text)}.compat-hero-banner__heart{font-size:2rem;line-height:1;animation:compat-pulse 1.5s ease-in-out infinite}.compat-hero-banner__score{font-family:var(--serif);font-size:4rem;font-weight:700;line-height:1;font-variant-numeric:lining-nums;background:linear-gradient(135deg,var(--gold-bright),#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-hero-banner__label{font-size:var(--fs-lg);font-weight:500;color:var(--text-muted)}.compat-score--perfect{border-color:#4caf50}.compat-score--great{border-color:#66bb6a}.compat-score--good{border-color:#5c6bc0}.compat-score--average{border-color:#ffb300}.compat-score--challenge{border-color:#ff7043}.compat-score--perfect .compat-hero-banner__score{background:linear-gradient(135deg,#4caf50,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-score--great .compat-hero-banner__score{background:linear-gradient(135deg,#66bb6a,#a5d6a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-score--good .compat-hero-banner__score{background:linear-gradient(135deg,#5c6bc0,#9fa8da);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-score--average .compat-hero-banner__score{background:linear-gradient(135deg,#ffb300,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-score--challenge .compat-hero-banner__score{background:linear-gradient(135deg,#ff7043,#ffab91);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes compat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.compat-sign-hint{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-2);padding-left:var(--space-1)}.compat-calc-form{flex:1;min-width:0}@media (max-width:480px){.compat-hero-banner{padding:var(--space-6) var(--space-4)}.compat-hero-banner__symbol{font-size:2.5rem}.compat-hero-banner__score{font-size:3rem}.compat-hero-banner__signs{gap:var(--space-4)}}