.external-page .btn:hover,
.external-page .btn-primary:hover,
.external-page .btn-secondary:hover,
.external-page .btn-login:hover,
.external-page .btn-register:hover,
.external-page .btn-enter:hover,
.external-page .checkout-btn:hover,
.external-page .contact-btn:hover,
.external-page .submit-btn:hover,
.external-page .mobile-login-btn:hover,
.external-page .mobile-register-btn:hover,
.external-page .mobile-auth-buttons .btn-enter:hover,
.external-page .mobile-auth-buttons .logout-btn:hover,
.external-page button:hover {
  transform: none !important;
}

.external-page .feature-card:hover,
.external-page .benefit-card:hover,
.external-page .step:hover,
.external-page .support-card:hover,
.external-page .testimonial-card:hover,
.external-page .tip-container:hover,
.external-page .gamification-container:hover,
.external-page .team-card:hover,
.external-page .distinct-card:hover,
.external-page .contact-card:hover,
.external-page .checkout-card:hover,
.external-page .plan-card-option:hover,
.external-page .plan-option:hover,
.external-page .form-card:hover,
.external-page .story-image:hover,
.external-page .story-image:hover img,
.external-page .hero-image .video-wrapper:hover,
.external-page .university-logo:hover,
.external-page .social-links a:hover {
  transform: none !important;
}

/* Header navbar: keep login/register shape identical to homepage */
.external-page .navbar .btn-login,
.external-page .navbar .btn-register,
.external-page .navbar .btn-primary,
.external-page .navbar .btn.btn-primary {
  border-radius: 0.85rem !important;
  min-height: 42px !important;
  padding: 0.6rem 1rem !important;
  line-height: 1.25 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.external-page .navbar .btn-login {
  border: 1px solid rgba(34, 197, 94, 0.32) !important;
  background: #fff !important;
  color: var(--external-primary-dark, #16A34A) !important;
}

.external-page .navbar .btn-register {
  border: 1px solid var(--external-primary-dark, #16A34A) !important;
  background: linear-gradient(135deg, var(--external-primary, #22C55E), var(--external-primary-dark, #16A34A)) !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}

.external-page .navbar .btn-primary,
.external-page .navbar .btn.btn-primary {
  border: 1px solid var(--external-primary-dark, #16A34A) !important;
  background: linear-gradient(135deg, var(--external-primary, #22C55E), var(--external-primary-dark, #16A34A)) !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}

.external-page .navbar .btn-register:hover,
.external-page .navbar .btn-primary:hover,
.external-page .navbar .btn.btn-primary:hover {
  box-shadow: none !important;
  filter: none !important;
}

.external-page,
.tw-homepage,
.how-it-works-main,
.about-tailwind,
.tw-register,
.tw-login {
  --external-primary: #22C55E;
  --external-primary-dark: #16A34A;
  --external-primary-light: #ECFDF5;
  --external-primary-bg: #F0FDF4;
  --external-primary-border: rgba(34, 197, 94, 0.32);
  --external-primary-ring: rgba(34, 197, 94, 0.16);
  --external-primary-shadow: rgba(34, 197, 94, 0.18);
  --primary: var(--external-primary);
  --primary-dark: var(--external-primary-dark);
  --primary-light: var(--external-primary-light);
  --accent-1: var(--external-primary);
  --accent-2: var(--external-primary-dark);
}

.external-page .logo-icon,
.external-page .brand-logo-icon,
.external-page .author-avatar,
.external-page .step-number,
.external-page .comparison-table th {
  background: linear-gradient(135deg, var(--external-primary), var(--external-primary-dark)) !important;
}

.external-page .logo-text span,
.external-page .brand-logo-text span,
.external-page .nav-links a:hover,
.external-page .benefit-icon,
.external-page .step-icon,
.external-page .section-header h2,
.external-page .footer-links a:hover,
.external-page .footer-column ul li a:hover,
.external-page .login-link a,
.external-page .forgot-password,
.external-page .signup-link a,
.external-page .input-icon,
.tw-login .logo-text,
.tw-login .input-icon,
.tw-login .forgot-password,
.tw-login .signup-link a,
.tw-register .login-link a,
.tw-register .terms-text a,
.how-it-works-main .process-intro h1,
.how-it-works-main .comparison-section h2,
.how-it-works-main .call-to-action h2,
.how-it-works-main .preview-content h2,
.about-tailwind .hero-quote h1,
.about-tailwind .distinct-section h2,
.about-tailwind .story-section h2,
.about-tailwind .team-section h2,
.about-tailwind .call-to-action h2,
.about-tailwind .distinct-card h3 i {
  color: var(--external-primary-dark) !important;
}

.external-page h2:after,
.external-page .form-title:after,
.about-tailwind .call-to-action h2:after,
.about-tailwind .highlight-text {
  border-left-color: var(--external-primary) !important;
}

.external-page h2:after,
.external-page .form-title:after,
.about-tailwind .call-to-action h2:after {
  background: var(--external-primary) !important;
}

.external-page .btn-primary,
.external-page .btn-register,
.external-page .submit-btn,
.external-page .contact-btn,
.external-page .checkout-btn,
.external-page .mobile-register-btn,
.external-page .mobile-auth-buttons .btn-enter,
.external-page .nav-buttons .btn-enter,
.external-page .btn-enter,
.how-it-works-main .btn.btn-primary,
.about-tailwind .call-to-action .btn-primary,
.tw-login .btn-login,
.tw-register .submit-btn {
  border-color: var(--external-primary-dark) !important;
  background: linear-gradient(135deg, var(--external-primary), var(--external-primary-dark)) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px var(--external-primary-shadow) !important;
}

.external-page .btn-primary:hover,
.external-page .btn-register:hover,
.external-page .submit-btn:hover,
.external-page .contact-btn:hover,
.external-page .checkout-btn:hover,
.external-page .mobile-register-btn:hover,
.external-page .mobile-auth-buttons .btn-enter:hover,
.external-page .nav-buttons .btn-enter:hover,
.external-page .btn-enter:hover,
.how-it-works-main .btn.btn-primary:hover,
.about-tailwind .call-to-action .btn-primary:hover,
.tw-login .btn-login:hover,
.tw-register .submit-btn:hover {
  border-color: var(--external-primary-dark) !important;
  background: linear-gradient(135deg, var(--external-primary-dark), #16A34A) !important;
  box-shadow: 0 10px 22px var(--external-primary-shadow) !important;
}

.external-page .btn-login,
.external-page .mobile-login-btn,
.how-it-works-main .mobile-auth-buttons .mobile-login-btn {
  border-color: var(--external-primary-border) !important;
  background: #fff !important;
  color: var(--external-primary-dark) !important;
}

.external-page .btn-login:hover,
.external-page .mobile-login-btn:hover,
.how-it-works-main .mobile-auth-buttons .mobile-login-btn:hover {
  border-color: var(--external-primary) !important;
  background: var(--external-primary-light) !important;
  color: var(--external-primary-dark) !important;
}

.external-page .nav-links .highlighted,
.external-page .mobile-links .highlighted {
  color: var(--external-primary-dark) !important;
  border-color: var(--external-primary-border) !important;
  background: linear-gradient(180deg, #ffffff, var(--external-primary-light)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 0 0 2px var(--external-primary-ring) !important;
}

.external-page .form-input:focus,
.external-page .form-control:focus,
.external-page input[type=email]:focus,
.external-page input[type=password]:focus,
.external-page input[type=text]:focus,
.external-page .picker-input:focus,
.external-page .picker-select:focus {
  border-color: var(--external-primary) !important;
  box-shadow: 0 0 0 3px var(--external-primary-ring) !important;
}

.external-page .form-input:hover,
.external-page .form-control:hover,
.external-page .picker-input:hover,
.external-page .picker-select:hover {
  border-color: rgba(34, 197, 94, 0.48) !important;
}

.tw-homepage,
.tw-login,
.tw-register {
  background: linear-gradient(180deg, var(--external-primary-bg), #fff 46%) !important;
}

.tw-homepage .hero,
.tw-homepage .logos-container,
.external-page .birthdate-picker,
.external-page .password-requirements {
  background: var(--external-primary-bg) !important;
}

.tw-homepage .btn-oldprimary,
.tw-homepage .btn-primary,
.tw-homepage .exercise-features,
.about-tailwind .mission-section {
  background: linear-gradient(140deg, var(--external-primary), #16A34A 48%, var(--external-primary-dark)) !important;
}

.tw-homepage .feature-card,
.tw-homepage .support-card,
.tw-homepage .testimonial-card,
.tw-homepage .tip-container,
.how-it-works-main .feature-card .icon,
.how-it-works-main .feature-card .\!icon,
.about-tailwind .highlight-text {
  border-color: rgba(187, 247, 208, 0.78) !important;
  background-color: var(--external-primary-light) !important;
}

.tw-homepage .exercise-features .highlight-badge {
  border-color: rgba(187, 247, 208, 0.8) !important;
  background: var(--external-primary-light) !important;
  color: var(--external-primary-dark) !important;
}

.tw-homepage .testimonial-card,
.tw-homepage .testimonial-card:hover {
  border-color: rgba(187, 247, 208, 0.72) !important;
  background: linear-gradient(180deg, rgba(34, 197, 94, 0.32), rgba(21, 128, 61, 0.28)) !important;
  box-shadow: 0 10px 22px var(--external-primary-shadow) !important;
}

.tw-login .btn-login:before {
  background: linear-gradient(135deg, #4ADE80, var(--external-primary-dark)) !important;
}

/* External Semester Filter theme final pass. Scoped to public/pre-login pages only. */
:root {
  --public-brand-green: #22C55E;
  --external-primary: #22C55E;
  --external-primary-hover: #16A34A;
  --external-primary-dark: #16A34A;
  --external-primary-darker: #16A34A;
  --external-primary-light: #DCFCE7;
  --external-primary-soft: #F0FDF4;
  --external-primary-border: rgba(34, 197, 94, 0.32);
  --external-primary-ring: rgba(34, 197, 94, 0.16);
  --external-primary-shadow: rgba(21, 128, 61, 0.18);
}

.external-page,
.external-page * {
  --primary: var(--external-primary);
  --primary-dark: var(--external-primary-hover);
  --primary-light: var(--external-primary-soft);
}

/* Header/logo/nav: override the previous landing-header palette. */
.external-page .logo-text,
.external-page .logo-text span,
.external-page .brand-logo-text,
.external-page .brand-logo-text span,
.external-page .header-logo,
.external-page .header-logo span {
  color: var(--public-brand-green) !important;
}

.external-page .nav-links a:hover,
.external-page .nav-links a:hover i,
.external-page .nav-links a:hover svg,
.external-page .mobile-links a:hover,
.external-page .mobile-links a:hover i,
.external-page .mobile-links a:hover svg {
  color: var(--public-brand-green) !important;
  background: rgba(240, 253, 244, 0.9) !important;
}

.external-page .nav-links .highlighted,
.external-page .nav-links a.active,
.external-page .mobile-links .highlighted,
.external-page .mobile-links a.active {
  color: var(--public-brand-green) !important;
  border-color: var(--external-primary-border) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--external-primary-soft) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 2px var(--external-primary-ring) !important;
}

.external-page .nav-links .highlighted i,
.external-page .nav-links .highlighted svg,
.external-page .nav-links a.active i,
.external-page .nav-links a.active svg,
.external-page .mobile-links .highlighted i,
.external-page .mobile-links .highlighted svg,
.external-page .mobile-links a.active i,
.external-page .mobile-links a.active svg {
  color: var(--public-brand-green) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.external-page .btn-enter,
.external-page .navbar .btn-primary,
.external-page .navbar .btn.btn-primary,
.external-page .mobile-register-btn,
.external-page .mobile-auth-buttons .btn-enter {
  border-color: var(--public-brand-green) !important;
  background: var(--public-brand-green) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px var(--external-primary-shadow) !important;
}

.external-page .btn-enter:hover,
.external-page .navbar .btn-primary:hover,
.external-page .navbar .btn.btn-primary:hover,
.external-page .mobile-register-btn:hover,
.external-page .mobile-auth-buttons .btn-enter:hover {
  border-color: var(--external-primary-darker) !important;
  background: var(--external-primary-hover) !important;
  box-shadow: 0 10px 22px var(--external-primary-shadow) !important;
}

.external-page .btn-login,
.external-page .mobile-login-btn {
  border-color: var(--external-primary-border) !important;
  color: var(--public-brand-green) !important;
  background: #fff !important;
}

.external-page .btn-login:hover,
.external-page .mobile-login-btn:hover {
  border-color: var(--external-primary) !important;
  color: var(--external-primary-dark) !important;
  background: var(--external-primary-soft) !important;
  box-shadow: 0 8px 18px var(--external-primary-shadow) !important;
}

.external-page .btn:hover,
.external-page .btn-primary:hover,
.external-page .btn-secondary:hover,
.external-page .btn-login:hover,
.external-page .btn-register:hover,
.external-page .btn-enter:hover,
.external-page .checkout-btn:hover,
.external-page .contact-btn:hover,
.external-page .submit-btn:hover,
.external-page .mobile-login-btn:hover,
.external-page .mobile-register-btn:hover,
.external-page a[class*="btn"]:hover,
.external-page button:hover {
  box-shadow: 0 8px 18px var(--external-primary-shadow) !important;
}

/* Footer: keep the dark base, convert every branding accent to Semester Filter green. */
.external-page .footer {
  background: #111827 !important;
  color: #fff !important;
}

.external-page .footer-column h3,
.external-page .footer .copyright {
  color: #fff !important;
}

.external-page .footer-column h3:after {
  background: var(--external-primary) !important;
}

.external-page .footer-links a,
.external-page .legal-links a {
  color: #cbd5e1 !important;
}

.external-page .footer-links a i {
  color: var(--public-brand-green) !important;
}

.external-page .footer-links a:hover,
.external-page .legal-links a:hover {
  color: #86EFAC !important;
}

.external-page .social-links a:hover {
  background: var(--external-primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(34, 197, 94, 0.22) !important;
}

.external-page .footer-p {
  color: #cbd5e1 !important;
}

/* Homepage steps: remove the converted numeric slabs that became vertical artifacts. */
.tw-homepage .step-number {
  display: none !important;
  content: none !important;
  background: none !important;
}

.tw-homepage .step {
  padding-top: 2.25rem !important;
  border: 1px solid rgba(187, 247, 208, 0.8) !important;
}

.tw-homepage .step:before,
.tw-homepage .step:after {
  content: none !important;
  display: none !important;
}

/* Homepage exercise support: bright brand-green section, light cards, readable text. */
.tw-homepage .exercise-features {
  background: linear-gradient(140deg, var(--public-brand-green) 0%, var(--external-primary-hover) 56%, var(--public-brand-green) 100%) !important;
  color: #fff !important;
}

.tw-homepage .exercise-features .section-header h2,
.tw-homepage .exercise-features .section-header p {
  color: #fff !important;
}

.tw-homepage .exercise-features .section-header h2:after {
  background: rgba(255, 255, 255, 0.82) !important;
}

.tw-homepage .exercise-features .feature-card {
  background: #fff !important;
  border: 1px solid rgba(187, 247, 208, 0.9) !important;
  box-shadow: 0 18px 36px rgba(6, 78, 59, 0.18) !important;
  color: #0f172a !important;
}

.tw-homepage .exercise-features .feature-card:hover {
  background: #fff !important;
  border-color: rgba(134, 239, 172, 0.95) !important;
}

.tw-homepage .exercise-features .feature-icon {
  color: var(--public-brand-green) !important;
}

.tw-homepage .exercise-features .feature-title {
  color: #0f172a !important;
}

.tw-homepage .exercise-features .feature-text {
  color: #334155 !important;
}

.tw-homepage .exercise-features .highlight-badge,
.tw-homepage .exercise-features .golden-badge {
  background: var(--external-primary-light) !important;
  border: 1px solid rgba(134, 239, 172, 0.8) !important;
  color: var(--public-brand-green) !important;
}

/* Homepage stories: keep the green section bright and make cards high-contrast. */
.tw-homepage .testimonials {
  background: linear-gradient(140deg, var(--public-brand-green) 0%, var(--external-primary-hover) 56%, var(--public-brand-green) 100%) !important;
  color: #fff !important;
}

.tw-homepage .testimonials .section-header h2,
.tw-homepage .testimonials .section-header p {
  color: #fff !important;
}

.tw-homepage .testimonials .section-header h2:after {
  background: rgba(255, 255, 255, 0.82) !important;
}

.tw-homepage .testimonial-card,
.tw-homepage .testimonial-card:hover {
  background: #fff !important;
  border: 1px solid rgba(187, 247, 208, 0.9) !important;
  box-shadow: 0 18px 36px rgba(6, 78, 59, 0.18) !important;
}

.tw-homepage .testimonial-text {
  color: #1e293b !important;
}

.tw-homepage .testimonial-text:before,
.tw-homepage .testimonial-text:after {
  color: rgba(34, 197, 94, 0.28) !important;
}

.tw-homepage .author-avatar {
  background: var(--public-brand-green) !important;
  color: #fff !important;
}

.tw-homepage .author-info h4 {
  color: #0f172a !important;
}

.tw-homepage .author-info p {
  color: #475569 !important;
}

/* Green CTA/hero blocks need white titles, not green on green. */
.external-page .call-to-action,
.about-tailwind .mission-section {
  background: linear-gradient(140deg, var(--public-brand-green) 0%, var(--external-primary-hover) 56%, var(--public-brand-green) 100%) !important;
  color: #fff !important;
}

.external-page .call-to-action h1,
.external-page .call-to-action h2,
.external-page .call-to-action h3,
.external-page .call-to-action p,
.about-tailwind .mission-section h1,
.about-tailwind .mission-section h2,
.about-tailwind .mission-section h3,
.about-tailwind .mission-section p {
  color: #fff !important;
}

.external-page .call-to-action h2:after,
.about-tailwind .mission-section h2:after {
  background: rgba(255, 255, 255, 0.82) !important;
}

.external-page .call-to-action .btn {
  background: #fff !important;
  color: var(--public-brand-green) !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 12px 28px rgba(6, 78, 59, 0.2) !important;
}

.external-page .call-to-action .btn:hover {
  background: var(--external-primary-soft) !important;
  color: var(--external-primary-hover) !important;
}

/* Public brand accents must stay on the bright CTA green, not the darker support green. */
.external-page .logo,
.external-page .logo span,
.external-page .logo-text,
.external-page .logo-text span,
.external-page .brand-logo,
.external-page .brand-logo span,
.external-page .brand-logo-text,
.external-page .brand-logo-text span,
.external-page .nav-links .highlighted,
.external-page .nav-links .highlighted i,
.external-page .nav-links .highlighted svg,
.external-page .nav-links a.active,
.external-page .nav-links a.active i,
.external-page .nav-links a.active svg,
.external-page .mobile-links .highlighted,
.external-page .mobile-links .highlighted i,
.external-page .mobile-links .highlighted svg,
.external-page .mobile-links a.active,
.external-page .mobile-links a.active i,
.external-page .mobile-links a.active svg,
.external-page .nav-links a:hover,
.external-page .nav-links a:hover i,
.external-page .mobile-links a:hover,
.external-page .mobile-links a:hover i,
.external-page .benefit-icon,
.external-page .step-icon,
.external-page .section-header h2,
.external-page .input-icon,
.external-page .login-link a,
.external-page .forgot-password,
.external-page .signup-link a,
.external-page .footer-links a:hover,
.external-page .footer-column ul li a:hover,
.how-it-works-main .process-intro h1,
.how-it-works-main .comparison-section h2,
.how-it-works-main .preview-content h2,
.about-tailwind .distinct-section h2,
.about-tailwind .story-section h2,
.about-tailwind .team-section h2,
.about-tailwind .distinct-card h3 i,
.tw-login .logo-text,
.tw-login .input-icon,
.tw-login .forgot-password,
.tw-login .signup-link a,
.tw-register .login-link a,
.tw-register .terms-text a {
  color: var(--public-brand-green) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.external-page .btn-primary,
.external-page .btn-register,
.external-page .submit-btn,
.external-page .contact-btn,
.external-page .checkout-btn,
.external-page .mobile-register-btn,
.external-page .mobile-auth-buttons .btn-enter,
.external-page .nav-buttons .btn-enter,
.external-page .btn-enter,
.how-it-works-main .btn.btn-primary,
.about-tailwind .call-to-action .btn-primary,
.tw-login .btn-login,
.tw-register .submit-btn {
  border-color: var(--public-brand-green) !important;
  background: var(--public-brand-green) !important;
}

.tw-homepage .exercise-features .section-header h2,
.tw-homepage .testimonials .section-header h2,
.external-page .call-to-action h1,
.external-page .call-to-action h2,
.external-page .call-to-action h3,
.about-tailwind .mission-section h1,
.about-tailwind .mission-section h2,
.about-tailwind .mission-section h3 {
  color: #fff !important;
}

/* Public pages only: green controls must keep readable white button text. */
.external-page .call-to-action .btn.btn-primary,
.external-page .call-to-action .btn-primary,
.external-page .call-to-action a.btn-primary,
.tw-login .btn-login,
.tw-login button.btn-login {
  color: #fff !important;
}

.external-page .call-to-action .btn.btn-primary:hover,
.external-page .call-to-action .btn-primary:hover,
.external-page .call-to-action a.btn-primary:hover,
.tw-login .btn-login:hover,
.tw-login button.btn-login:hover {
  color: #fff !important;
}

/* Public pages only: override the global blue scrollbar with the external green theme. */
html {
  scrollbar-color: var(--public-brand-green) var(--external-primary-soft) !important;
  scrollbar-width: thin !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--external-primary-soft) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--public-brand-green) !important;
  border: 2px solid var(--external-primary-soft) !important;
  border-radius: 999px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--external-primary-hover) !important;
}

/* Public navbar active state: clear, restrained, no glow or animated sheen. */
.external-page .nav-links .highlighted,
.external-page .nav-links a.active,
.external-page .mobile-links .highlighted,
.external-page .mobile-links a.active {
  color: var(--public-brand-green) !important;
  background: rgba(34, 197, 94, 0.08) !important;
  border: 1px solid rgba(34, 197, 94, 0.18) !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

.external-page .nav-links .highlighted::before,
.external-page .nav-links .highlighted::after,
.external-page .nav-links a.active::before,
.external-page .nav-links a.active::after,
.external-page .mobile-links .highlighted::before,
.external-page .mobile-links .highlighted::after,
.external-page .mobile-links a.active::before,
.external-page .mobile-links a.active::after {
  content: none !important;
  display: none !important;
}

.external-page .nav-links a:hover,
.external-page .mobile-links a:hover {
  color: var(--public-brand-green) !important;
  background: rgba(34, 197, 94, 0.06) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Public buttons: remove shine/sweep pseudo-elements and keep solid premium hover. */
.external-page :where(.btn, .btn-primary, .btn-register, .btn-enter, .submit-btn, .contact-btn, .checkout-btn, .mobile-register-btn, button)::before,
.external-page :where(.btn, .btn-primary, .btn-register, .btn-enter, .submit-btn, .contact-btn, .checkout-btn, .mobile-register-btn, button)::after,
.tw-login .btn-login::before,
.tw-login .btn-login::after,
.tw-register .submit-btn::before,
.tw-register .submit-btn::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.external-page :where(.btn-primary, .btn-register, .btn-enter, .submit-btn, .contact-btn, .checkout-btn, .mobile-register-btn),
.tw-login .btn-login,
.tw-register .submit-btn {
  background: var(--public-brand-green) !important;
  border-color: var(--public-brand-green) !important;
  color: #fff !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.external-page :where(.btn-primary, .btn-register, .btn-enter, .submit-btn, .contact-btn, .checkout-btn, .mobile-register-btn):hover,
.tw-register .submit-btn:hover {
  background: var(--external-primary-hover) !important;
  border-color: var(--external-primary-hover) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(34, 197, 94, 0.24) !important;
  filter: none !important;
}

.tw-login .btn-login:hover,
.tw-login button.btn-login:hover,
.tw-login .btn-login:active,
.tw-login button.btn-login:active,
.tw-login .btn-login:focus,
.tw-login button.btn-login:focus {
  background: var(--external-primary-hover) !important;
  border-color: var(--external-primary-hover) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: 0 14px 28px rgba(34, 197, 94, 0.24) !important;
  filter: none !important;
}

.external-page :where(input, textarea, select):focus {
  border-color: var(--public-brand-green) !important;
  box-shadow: 0 0 0 3px var(--external-primary-focus, rgba(34, 197, 94, 0.14)) !important;
  outline: none !important;
}

.external-page.contact-page .contact-card,
.external-page.contact-page .contact-card:hover,
.external-page.contact-page .contact-card:focus-within {
  transform: none !important;
  border-color: var(--border, #e5e7eb) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

.external-page.contact-page .contact-card::after,
.external-page.contact-page .contact-card:hover::after,
.external-page.contact-page .contact-card:focus-within::after {
  content: none !important;
  display: none !important;
  transform: none !important;
}

.external-page.contact-page .contact-item,
.external-page.contact-page .contact-item:hover,
.external-page.contact-page .contact-item:focus-within {
  transform: none !important;
  background: var(--background-light, #f8fafc) !important;
  box-shadow: none !important;
}