/* Password and security workspace. */
.festivo-security-page { max-width: 1050px; margin: 0 auto; }.festivo-security-hero { background: radial-gradient(circle at 86% 18%, rgba(255, 191, 215, 0.85), transparent 27%), linear-gradient(135deg, #211746, #613de2 63%, #a84cc5); border-radius: 24px; color: #fff; margin-bottom: 1.2rem; padding: clamp(1.5rem, 4vw, 2.7rem); }.festivo-security-hero h1 { font-size: clamp(2rem, 4.5vw, 3.4rem); font-weight: 900; letter-spacing: -0.065em; line-height: 1; margin: 0.45rem 0 0.7rem; }.festivo-security-hero p { color: rgba(255, 255, 255, 0.83); font-size: 0.85rem; margin: 0; max-width: 570px; }.festivo-password-field { position: relative; }.festivo-password-field .form-control { padding-right: 3rem; }.festivo-password-field button { background: transparent; border: 0; color: #776c88; position: absolute; right: 0.7rem; top: 50%; transform: translateY(-50%); }.festivo-security-footer { align-items: center; border-top: 1px solid #eeeaf4; display: flex; gap: 1rem; justify-content: space-between; margin-top: 1.5rem; padding-top: 1rem; }.festivo-security-footer span { color: #81798e; font-size: 0.7rem; }.festivo-security-footer i { color: #7257dd; margin-right: 0.25rem; }.festivo-security-tips { background: linear-gradient(135deg, #fbf9ff, #fff5f8); border: 1px solid #e9e3f2; border-radius: 20px; height: 100%; padding: 1.25rem; }.festivo-security-tips h2 { color: #443a5b; font-size: 1rem; font-weight: 900; letter-spacing: -0.03em; margin: 0.8rem 0; }.festivo-security-tips ul { color: #756c82; font-size: 0.76rem; line-height: 1.6; margin: 0; padding-left: 1.1rem; }.festivo-security-tips li + li { margin-top: 0.45rem; }
@media (max-width: 575px) { .festivo-security-footer { align-items: stretch; flex-direction: column; }.festivo-security-footer .btn { width: 100%; } }