/**
 * Alphaaa Academy - Public Frontend Stylesheet
 */

/* Modal Checkout Dialog */
.alphaaa-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(32, 32, 42, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.alphaaa-modal-backdrop.is-active {
  display: flex;
}

.alphaaa-checkout-modal {
  background: #FFFFFF;
  border-radius: var(--alphaaa-radius-lg, 14px);
  max-width: 480px;
  width: 100%;
  padding: 32px;
  box-shadow: 0 20px 48px rgba(32, 32, 42, 0.2);
  position: relative;
  animation: alphaaaFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes alphaaaFadeIn {
  from { opacity: 0; transform: translateY(12px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.alphaaa-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  color: var(--alphaaa-text-muted, #62616A);
  cursor: pointer;
  line-height: 1;
}

.alphaaa-form-group {
  margin-bottom: 16px;
}
.alphaaa-form-group label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--alphaaa-text, #20202A);
}
.alphaaa-form-group input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--alphaaa-border, #EFE6E0);
  border-radius: var(--alphaaa-radius-sm, 6px);
  font-size: 0.95rem;
  font-family: inherit;
  transition: border-color 0.2s;
}
.alphaaa-form-group input:focus {
  outline: none;
  border-color: var(--alphaaa-primary, #B20A65);
}

/* Spinner */
.alphaaa-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  border-top-color: #FFF;
  animation: alphaaaSpin 0.8s linear infinite;
}
@keyframes alphaaaSpin {
  to { transform: rotate(360deg); }
}