border: none;
}
.icon-container {
width: 100px;
height: 100px;
border-radius: 50%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
}
.icon-container i {
font-size: 3rem;
color: white;
}
.success-icon {
width: 100px;
height: 100px;
border-radius: 50%;
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
animation: successPulse 1.5s ease-in-out infinite;
}
.success-icon i {
font-size: 3rem;
color: white;
}
@keyframes successPulse {
0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4); }
50% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(40, 167, 69, 0); }
}
@media (max-width: 576px) {
.reset-body {
padding: 1.5rem 1rem;
}
.reset-header {
padding: 1.5rem 1rem;
}
}