.profile-preview-banner { margin: 0 0 28px; padding: 26px 30px; border: 1px solid #ded2ed; border-left: 5px solid #7621ac; border-radius: 16px; background: #f6f0fc; color: #352145; }
.profile-preview-banner .preview-eyebrow { display: block; font-size: .82rem; font-weight: 700; color: #6d428a; }
.profile-preview-banner h1 { margin: 9px 0 14px; font-size: clamp(1.7rem, 4vw, 2.2rem); font-weight: 700; }
.profile-preview-banner p { max-width: 900px; margin: 0 0 14px; line-height: 1.65; }
.preview-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.preview-actions a { color: #68169c; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.preview-actions a:focus-visible { outline: 3px solid #ed9b00; outline-offset: 5px; }
.preview-credentials h2 { font-size: 1.35rem; }
.preview-credentials li { margin: 8px 0; }
@media(max-width:600px) { .profile-preview-banner { padding: 20px; } .preview-actions { flex-direction: column; } }