/* Public account pages (forgot password) */
.ac {
   --ac-brand: #374da2;
   --ac-brand-dark: #24336f;
   --ac-brand-soft: #eef1fa;
   --ac-ink: #1b2440;
   --ac-text: #4a5468;
   --ac-line: #e3e7f2;
   --ac-tint: #f5f7fc;
   background-color: var(--ac-tint);
   background-image:
      radial-gradient(circle at 10% 90%, rgba(61, 85, 179, 0.1) 0, rgba(61, 85, 179, 0) 34%),
      radial-gradient(circle at 92% 8%, rgba(61, 85, 179, 0.08) 0, rgba(61, 85, 179, 0) 30%);
   color: var(--ac-text);
   padding: 64px 0 80px;
}

.ac-card {
   background: #ffffff;
   border-radius: 22px;
   border-top: 5px solid var(--ac-brand);
   box-shadow: 0 30px 70px rgba(27, 40, 102, 0.14), 0 4px 14px rgba(27, 40, 102, 0.06);
   margin: 0 auto;
   max-width: 480px;
   padding: 36px 38px 30px;
   text-align: center;
}

.ac-icon {
   align-items: center;
   background: var(--ac-brand-soft);
   border-radius: 50%;
   color: var(--ac-brand);
   display: inline-flex;
   font-size: 26px;
   height: 68px;
   justify-content: center;
   margin-bottom: 16px;
   width: 68px;
}

.ac-card h2 {
   color: var(--ac-ink);
   font-size: 26px;
   font-weight: 700;
   line-height: 1.2;
   margin: 0 0 10px;
   text-transform: none;
}

.ac-sub {
   font-size: 15px;
   line-height: 1.6;
   margin: 0 0 24px;
}

.ac-field {
   margin-bottom: 18px;
   text-align: left;
}

.ac-field label {
   color: var(--ac-ink);
   display: block;
   font-size: 13.5px;
   font-weight: 600;
   margin-bottom: 6px;
}

.ac-input {
   align-items: center;
   background: #f7f8fc;
   border: 1.5px solid var(--ac-line);
   border-radius: 12px;
   display: flex;
   gap: 4px;
   height: 52px;
   padding: 0 14px 0 10px;
   transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ac-input:focus-within {
   background: #ffffff;
   border-color: var(--ac-brand);
   box-shadow: 0 0 0 3px rgba(55, 77, 162, 0.18);
}

.ac-input i {
   color: #8b95b2;
   flex: 0 0 30px;
   font-size: 16px;
   text-align: center;
   transition: color 0.15s ease;
}

.ac-input:focus-within i { color: var(--ac-brand); }

.ac-input input {
   background: none;
   border: 0;
   color: var(--ac-ink);
   flex: 1 1 auto;
   font-size: 15px;
   height: 100%;
   min-width: 0;
   outline: none;
   padding: 0;
}

.ac-input input::placeholder { color: #9aa3b8; }

.ac .error_msg {
   color: #c62828;
   font-size: 12.5px;
   line-height: 1.45;
   margin-top: 5px;
}

.ac .error_msg:empty { display: none; }

.ac-btn {
   align-items: center;
   background-image: linear-gradient(135deg, #4560c4 0%, #2a3a82 100%);
   border: 0;
   border-radius: 12px;
   box-shadow: 0 12px 24px rgba(55, 77, 162, 0.32);
   color: #ffffff;
   cursor: pointer;
   display: inline-flex;
   font-size: 15px;
   font-weight: 600;
   gap: 8px;
   height: 52px;
   justify-content: center;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   transition: box-shadow 0.2s ease, transform 0.2s ease, background-image 0.2s ease;
   width: 100%;
}

.ac-btn i { font-size: 13px; }

.ac-btn:hover {
   background-image: linear-gradient(135deg, #3a52ad 0%, #1f2c66 100%);
   box-shadow: 0 16px 30px rgba(42, 58, 130, 0.4);
   transform: translateY(-1px);
}

.ac-btn:focus-visible {
   box-shadow: 0 0 0 3px rgba(55, 77, 162, 0.4);
   outline: none;
}

.ac-back {
   border-top: 1px solid #edf0f7;
   color: var(--ac-brand);
   display: block;
   font-size: 14px;
   font-weight: 600;
   margin-top: 22px;
   padding-top: 16px;
   text-decoration: none;
}

.ac-back:hover { color: var(--ac-brand-dark); text-decoration: underline; }

.ac-back i { font-size: 12px; margin-right: 6px; }

@media (max-width: 575px) {
   .ac { padding: 40px 0 56px; }
   .ac-card { padding: 28px 22px 24px; }
   .ac-card h2 { font-size: 22px; }
}