.ms-hero-shell { padding: 3.5rem 0 1.5rem; }
.ms-hero-inner { display: grid; gap: 2rem; align-items: start; }
.ms-eyebrow { margin: 0 0 0.5rem; color: var(--ms-color-brand); font-weight: 600; }
.ms-hero-text { color: var(--ms-color-muted); max-width: 34rem; }
.ms-hero-form-card { background: rgba(12, 20, 28, 0.96); color: #fff; border-radius: var(--ms-radius-lg); padding: 1.25rem 1.25rem 0.75rem; box-shadow: var(--ms-shadow-hero); }
@media (min-width: 768px) { .ms-hero-inner { grid-template-columns: 1.1fr 0.9fr; } }