/* UAEPC — the sign-in card, one stylesheet for the six pages that show it.
 *
 * login-{fa,en,ar} and download-{fa,en,ar} each carried these 21 rules and the
 * card's markup, hand-copied. They had already drifted: the login pages told
 * the visitor to "verify by email or Telegram" while a WhatsApp button sat
 * right above the sentence, in all three languages.
 *
 * The rules below are those pages' own, moved rather than rewritten, so
 * nothing about the card changes the day this ships.
 *
 * /static is cached for 30 days: version by NAME, never edit in place.
 */

.au-head{padding:26px 26px 6px;text-align:center}
.au-icon{width:58px;height:58px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff7e0,#fff3cc);border:1px solid #f5d680;color:#d4900f;font-size:26px}
.au-head h2{font-size:19px;font-weight:800;margin-bottom:7px}
.au-head p{font-size:13px;color:#5f6368;font-weight:500;line-height:1.7}
.au-body{padding:18px 26px 26px}
.au-field{position:relative;margin-bottom:11px}
.au-field i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#d97706;font-size:14px;pointer-events:none}
.au-field input{width:100%;padding:14px;padding-inline-start:44px;border:2px solid #d7dbe3;border-radius:11px;font-family:inherit;font-size:15px;font-weight:600;color:#0a0e1a;outline:none;transition:border-color .15s}
.au-field input:focus{border-color:#f5a623}
.au-otp-field input{text-align:center;letter-spacing:10px;font-size:22px;font-weight:800;padding:14px;direction:ltr}
.au-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;border:none;border-radius:11px;font-family:inherit;font-size:14.5px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#f5a623,#d97706);color:#1a1006;box-shadow:0 4px 14px rgba(217,118,6,0.28);transition:transform .15s,box-shadow .15s}
.au-btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(217,118,6,0.4)}
.au-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.au-err{display:none;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:9px;padding:9px 12px;font-size:12.5px;font-weight:600;margin-top:10px;text-align:center}
.au-or{display:flex;align-items:center;gap:12px;margin:18px 2px;color:#9ca3af;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}
.au-or::before,.au-or::after{content:'';flex:1;height:1px;background:#e8eaed}
.au-tg{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:none;border-radius:11px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#229ED9,#1e88c4);color:#fff;box-shadow:0 4px 12px rgba(34,158,217,0.26)}
.au-back{display:block;text-align:center;margin-top:14px;color:#5f6368;font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;width:100%;font-family:inherit}
.au-note{text-align:center;font-size:11.5px;color:#9ca3af;font-weight:600;margin-top:16px;line-height:1.7}
.au-note i{color:#16a34a}
.au-tg:hover{transform:translateY(-1px)}
.au-tg i{font-size:18px}