/* Modern auth card */
.me-auth-page{
  max-width: 460px;
  margin: 18px auto 8px;
  padding: 0 12px;
}

.me-auth-card{
  position: relative;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  box-shadow: 0 24px 60px rgba(15,23,42,.12);
  overflow: hidden;
}

.me-auth-card::before{
  content: "";
  display:block;
  height: 5px;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #22c55e);
}

.me-auth-card__body{
  padding: 24px 24px 20px;
}

.me-auth-card__icon{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.12);
  color: #2563eb;
  font-size: 24px;
  margin-bottom: 14px;
}

.me-auth-card__title{
  margin:0 0 6px;
  font-size: 26px;
  font-weight: 800;
  color:#0f172a;
}

.me-auth-card__subtitle{
  margin:0 0 18px;
  color:#475569;
  line-height:1.6;
}

.me-auth-form{
  display:grid;
  gap:14px;
}

.me-auth-field label{
  display:block;
  margin:0 0 7px;
  font-weight:700;
  color:#0f172a;
}

.me-auth-field .form-control{
  width:100%;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.42);
  background:#fff;
  color:#0f172a;
  padding:10px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.me-auth-field .form-control:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.14);
  outline:none;
}

.me-auth-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}

.me-auth-actions .btn{
  min-height:44px;
  border-radius:14px;
  padding:10px 18px;
  font-weight:800;
}

.me-auth-actions .btn-primary{
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-color:#1d4ed8;
  box-shadow:0 14px 28px rgba(37,99,235,.22);
}

.me-auth-help{
  margin-top:14px;
  color:#64748b;
  line-height:1.6;
}

.me-auth-note{
  max-width: 560px;
  margin: 18px auto 0;
  padding: 14px 16px;
  border-radius: 16px;
  border:1px solid rgba(148,163,184,.3);
  background: rgba(248,250,252,.9);
  color:#0f172a;
  line-height:1.6;
}

.me-auth-note a{ font-weight:700; }

body[data-site-theme="dark"] .me-auth-card{
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.9));
  border-color: rgba(71,85,105,.6);
  box-shadow: 0 24px 60px rgba(2,6,23,.38);
}
body[data-site-theme="dark"] .me-auth-card__title,
body[data-site-theme="dark"] .me-auth-field label,
body[data-site-theme="dark"] .me-auth-note{ color:#e5eefc; }
body[data-site-theme="dark"] .me-auth-card__subtitle,
body[data-site-theme="dark"] .me-auth-help{ color:#94a3b8; }
body[data-site-theme="dark"] .me-auth-card__icon{ background: rgba(96,165,250,.14); color:#93c5fd; }
body[data-site-theme="dark"] .me-auth-field .form-control{
  background:#0b1220;
  color:#e5eefc;
  border-color: rgba(71,85,105,.75);
  box-shadow:none;
}
body[data-site-theme="dark"] .me-auth-note{
  background: rgba(15,23,42,.86);
  border-color: rgba(71,85,105,.7);
}


.me-auth-page--wide{
  max-width: 760px;
}

.me-auth-card--join .me-auth-card__body{
  padding: 26px 28px 24px;
}

.me-auth-form--join{
  gap:16px;
}

.me-auth-field--inline{
  display:grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap:14px;
  align-items:center;
}

.me-auth-field--inline label{
  margin:0;
}

.me-auth-textarea.form-control,
.me-auth-field textarea.form-control{
  min-height: 112px;
  height: auto;
  resize: vertical;
  padding-top: 12px;
  line-height: 1.6;
}

@media (max-width: 767px){
  .me-auth-page--wide{ max-width: 560px; }
  .me-auth-field--inline{
    grid-template-columns: 1fr;
    gap:8px;
    align-items:stretch;
  }
}

body[data-site-theme="dark"] .me-auth-card--join .me-auth-help{
  color:#a5b4cc;
}

.me-auth-card--admin .me-auth-card__icon{ background: rgba(34,197,94,.14); color:#16a34a; }
body[data-site-theme="dark"] .me-auth-card--admin .me-auth-card__icon{ background: rgba(74,222,128,.12); color:#86efac; }

.me-auth-inline-alert{
  border-radius: 14px;
  border:1px solid rgba(239,68,68,.28);
}
.me-auth-captcha{
  border:1px solid rgba(148,163,184,.32);
  background: rgba(248,250,252,.82);
  border-radius: 16px;
  padding: 12px;
}
.me-auth-captcha__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.me-auth-captcha__art svg{
  display:block;
  width:100%;
  max-width: 320px;
  height:auto;
  border-radius:14px;
}
.me-auth-captcha__hint{
  margin:8px 0 10px;
  color:#64748b;
  line-height:1.5;
  font-size:12px;
}
body[data-site-theme="dark"] .me-auth-captcha{
  background: rgba(11,18,32,.86);
  border-color: rgba(71,85,105,.75);
}
body[data-site-theme="dark"] .me-auth-captcha__hint{ color:#a5b4cc; }

.me-auth-captcha__risk{
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(245,158,11,.28);
  background: rgba(254,249,195,.72);
  color:#92400e;
  line-height:1.5;
  font-size:12px;
}
body[data-site-theme="dark"] .me-auth-captcha__risk{
  background: rgba(120,53,15,.24);
  border-color: rgba(251,191,36,.35);
  color:#fcd34d;
}