.body {
     background-color: #f7f9fc;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
 }

 .main-card {
     max-width: 650px;
     width: 100%;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .success-icon {
     color: #28a745;
     font-size: 2.5rem;
 }

 .instruction-box {
     background-color: #e6f0ff;
     border-left: 5px solid #007bff;
     border-radius: 8px;
     padding: 15px;
 }

 .instruction-box ol {
     padding-left: 20px;
     margin-bottom: 0;
     list-style: none;
 }

 .instruction-box ol li {
     padding-left: 5px;
     margin-bottom: 5px;
 }

 .verification-badge {
     background-color: #e0f8e0;
     color: #28a745;
     font-weight: 600;
     padding: 8px 15px;
     border-radius: 20px;
     display: inline-flex;
     align-items: center;
     font-size: 0.9rem;
     margin: 15px 0;
 }

 .link-display {
     background-color: #eee;
     border: 1px solid #ccc;
     padding: 10px;
     border-radius: 5px;
     word-wrap: break-word;
     font-size: 0.9rem;
     color: #333;
 }

 .password-badge {
     background-color: #f8e0e0;
     color: #dc3545;
     font-weight: bold;
     padding: 6px 12px;
     border-radius: 5px;
     white-space: nowrap;
 }