/* inline */
@scope (html[data-site-styles~="642bdbbf21b74b37"]) {
.math-bridge-banner:where(:scope, *) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.9rem; align-items: center; margin: 1rem 0 1.4rem; padding: 0.9rem 1rem; border: 1px solid #a78bfa; border-radius: 0.9rem; background: linear-gradient(135deg, #4c1d95, #7c3aed); color: #fff !important; text-decoration: none !important; box-shadow: 0 10px 24px rgb(76 29 149 / 18%); }
.math-bridge-banner:hover:where(:scope, *), .math-bridge-banner:focus-visible:where(:scope, *) { color: #fff !important; border-color: #ddd6fe; box-shadow: 0 12px 30px rgb(76 29 149 / 28%); transform: translateY(-1px); }
.math-bridge-banner:focus-visible:where(:scope, *) { outline: 3px solid #fbbf24; outline-offset: 3px; }
.math-bridge-banner__character:where(:scope, *) { width: 58px; height: 58px; border-radius: 50%; background: #fff; }
.math-bridge-banner__copy:where(:scope, *) { display: grid; min-width: 0; gap: 0.16rem; color: #fff; }
.math-bridge-banner__copy strong:where(:scope, *) { color: #fff; font-size: 1.02rem; line-height: 1.25; }
.math-bridge-banner__copy > span:last-child:where(:scope, *) { color: #ede9fe; line-height: 1.35; }
.math-bridge-banner__eyebrow:where(:scope, *) { color: #ddd6fe !important; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.math-bridge-banner__action:where(:scope, *) { padding: 0.48rem 0.68rem; border: 1px solid rgb(255 255 255 / 48%); border-radius: 999px; color: #fff; font-size: 0.78rem; font-weight: 800; white-space: nowrap; }
@media (max-width: 600px) { .math-bridge-banner:where(:scope, *) { grid-template-columns: auto minmax(0, 1fr); } .math-bridge-banner__action:where(:scope, *) { grid-column: 2; justify-self: start; } }
}