/* register_success.css - AHFF Registration Confirmation Page */

.success-main { font-family: Inter, system-ui, sans-serif; background: #ffffff; color: #1e293b; min-height: 80vh; display: flex; align-items: center; justify-content: center; }
.container { max-width: 800px; margin: auto; padding: 2rem 1.5rem; }

.success-box {
  text-align: center;
  background: #f8fafc;
  padding: 3rem 2rem;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 32px rgba(2,6,23,0.05);
}
.success-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 1rem;
  animation: pop .6s ease-out;
}
.success-box h1 {
  color: #0b6fb8;
  font-size: clamp(1.8rem, 3vw, 2.2rem);
  margin-bottom: .5rem;
}
.success-box p {
  color: #475569;
  font-size: 1.05rem;
  line-height: 1.6;
  margin: .5rem auto 1.5rem;
  max-width: 650px;
}

/* Buttons */
.success-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.btn-primary, .btn-outline {
  text-decoration: none;
  padding: .75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all .3s ease;
}
.btn-primary { background: #0b6fb8; color: #fff; border: none; }
.btn-primary:hover { background: #095f9b; transform: translateY(-2px); }
.btn-outline { color: #0b6fb8; border: 1px solid #0b6fb8; background: transparent; }
.btn-outline:hover { background: #0b6fb8; color: #fff; }

/* Animations */
@keyframes fadeUp { from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);} }
.fade-in { animation: fadeUp .9s ease forwards; }
.slide-up { animation: fadeUp 1s ease forwards; }
@keyframes pop { 0% {transform: scale(0);} 80% {transform: scale(1.1);} 100% {transform: scale(1);} }

/* Responsive */
@media (max-width: 600px) {
  .success-box { padding: 2rem 1rem; }
}