/* ===== AMIR PANEL - Zero Luxury Full-Page Login (Green & Black Theme) ===== */

.amir-zero-luxury {
  --z-green: #2ecc71;
  --z-green-2: #3ddc84;
  --z-green-dark: #0e3d24;
  --z-dark: #060907;
  --z-dark-2: #0c1410;
  --z-dark-3: #10201a;
  --z-text-soft: rgba(255, 255, 255, 0.72);

  position: relative;
  min-height: 100vh;
  width: 100%;
  background: radial-gradient(120% 120% at 20% 10%, #0c1410 0%, var(--z-dark) 60%);
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "Vazirmatn", sans-serif;
}

.amir-zero-luxury * {
  box-sizing: border-box;
}

/* ذرات سبز شناور در پس‌زمینه */
.amir-zero-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.amir-zero-particles span {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--z-green-2);
  opacity: 0.5;
  animation: amirZeroFloat linear infinite;
  box-shadow: 0 0 8px 1px rgba(61, 220, 132, 0.5);
}

.amir-zero-particles span:nth-child(1)  { top: 10%;  left: 8%;  animation-duration: 14s; animation-delay: 0s; }
.amir-zero-particles span:nth-child(2)  { top: 30%;  left: 22%; animation-duration: 18s; animation-delay: 2s; width: 3px; height: 3px; }
.amir-zero-particles span:nth-child(3)  { top: 65%;  left: 12%; animation-duration: 16s; animation-delay: 1s; }
.amir-zero-particles span:nth-child(4)  { top: 80%;  left: 35%; animation-duration: 20s; animation-delay: 3s; width: 5px; height: 5px; }
.amir-zero-particles span:nth-child(5)  { top: 15%;  left: 55%; animation-duration: 15s; animation-delay: 0.5s; }
.amir-zero-particles span:nth-child(6)  { top: 45%;  left: 68%; animation-duration: 19s; animation-delay: 2.5s; }
.amir-zero-particles span:nth-child(7)  { top: 75%;  left: 60%; animation-duration: 17s; animation-delay: 1.5s; width: 3px; height: 3px; }
.amir-zero-particles span:nth-child(8)  { top: 20%;  left: 85%; animation-duration: 21s; animation-delay: 4s; }
.amir-zero-particles span:nth-child(9)  { top: 55%;  left: 90%; animation-duration: 16s; animation-delay: 0.8s; }
.amir-zero-particles span:nth-child(10) { top: 90%;  left: 78%; animation-duration: 18s; animation-delay: 3.2s; width: 5px; height: 5px; }

@keyframes amirZeroFloat {
  0%   { transform: translateY(0) translateX(0); opacity: 0.2; }
  50%  { transform: translateY(-40px) translateX(12px); opacity: 0.75; }
  100% { transform: translateY(0) translateX(0); opacity: 0.2; }
}

@media (prefers-reduced-motion: reduce) {
  .amir-zero-particles span, .amir-zero-character { animation: none; }
}

/* گرید اصلی: پنل برند + پنل فرم */
.amir-zero-grid {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
}

@media (max-width: 900px) {
  .amir-zero-grid { grid-template-columns: 1fr; }
}

/* پنل برند */
.amir-zero-brand-panel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 40px;
  overflow: hidden;
  border-inline-end: 1px solid rgba(46, 204, 113, 0.12);
}

@media (max-width: 900px) {
  .amir-zero-brand-panel {
    padding: 40px 24px 0;
    border-inline-end: none;
  }
}

.amir-zero-brand-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(46, 204, 113, 0.25), transparent 70%);
  top: -140px;
  inset-inline-start: -160px;
  animation: amirZeroPulseGlow 6s ease-in-out infinite;
}

@keyframes amirZeroPulseGlow {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.15); opacity: 1; }
}

.amir-zero-brand-content {
  position: relative;
  z-index: 1;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: amirZeroFadeUp 0.8s cubic-bezier(.2,.8,.2,1);
}

@keyframes amirZeroFadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.amir-zero-logo {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--z-green), var(--z-green-2));
  color: #04160c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 18px;
  box-shadow: 0 16px 40px rgba(46, 204, 113, 0.3);
}

/* کاراکتر تصویری */
.amir-zero-character-wrap {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 6px auto 8px;
  animation: amirZeroCharFloat 5s ease-in-out infinite;
}

@keyframes amirZeroCharFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.amir-zero-character-wrap img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.55));
}

.amir-zero-brand-title {
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 1px;
  margin: 6px 0 12px;
  background: linear-gradient(90deg, #fff, var(--z-green-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.amir-zero-brand-tagline {
  color: var(--z-text-soft);
  font-size: 15px;
  line-height: 1.9;
  margin: 0 0 24px;
}

.amir-zero-feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: start;
  width: 100%;
}

.amir-zero-feature-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  padding: 9px 0;
  border-bottom: 1px dashed rgba(46, 204, 113, 0.15);
}

.amir-zero-feature-list li:last-child { border-bottom: none; }

.amir-zero-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--z-green-2);
  box-shadow: 0 0 10px 2px rgba(61, 220, 132, 0.5);
  flex-shrink: 0;
}

/* پنل فرم */
.amir-zero-form-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
}

/* بازطراحی کارت فرم برای تم لوکس تیره سبز/مشکی */
.amir-otp-wrapper-luxury {
  min-height: auto;
  padding: 0;
}

.amir-otp-card-luxury {
  background: rgba(46, 204, 113, 0.045);
  border: 1px solid rgba(46, 204, 113, 0.16);
  backdrop-filter: blur(20px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
  animation: amirZeroFadeUp 0.9s cubic-bezier(.2,.8,.2,1) 0.1s both;
}

.amir-otp-card-luxury .amir-otp-title,
.amir-otp-card-luxury .amir-otp-subtitle {
  color: #fff;
}

.amir-otp-card-luxury .amir-otp-subtitle {
  color: rgba(255, 255, 255, 0.6);
}

.amir-otp-card-luxury .amir-otp-icon {
  color: var(--z-green-2);
}

.amir-otp-card-luxury .amir-otp-field input,
.amir-otp-card-luxury .amir-code-box {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(46, 204, 113, 0.25);
  color: #fff;
}

.amir-otp-card-luxury .amir-otp-field input:focus,
.amir-otp-card-luxury .amir-code-box:focus {
  border-color: var(--z-green-2);
  box-shadow: 0 0 0 4px rgba(61, 220, 132, 0.18);
}

.amir-otp-card-luxury .amir-otp-field input:focus + label,
.amir-otp-card-luxury .amir-otp-field input:not(:placeholder-shown) + label {
  background: var(--z-dark-3);
  color: var(--z-green-2);
}

.amir-otp-card-luxury .amir-otp-btn {
  background: linear-gradient(135deg, var(--z-green), var(--z-green-dark));
  color: #04160c;
  font-weight: 800;
  box-shadow: 0 14px 32px rgba(46, 204, 113, 0.3);
}

.amir-otp-card-luxury .amir-otp-link {
  color: var(--z-green-2);
}

.amir-otp-card-luxury .amir-otp-back {
  color: rgba(255, 255, 255, 0.5);
}

.amir-otp-card-luxury .shape-1 { background: linear-gradient(135deg, var(--z-green), var(--z-green-dark)); opacity: 0.2; }
.amir-otp-card-luxury .shape-2 { background: linear-gradient(135deg, var(--z-green-dark), var(--z-green-2)); opacity: 0.2; }
.amir-otp-card-luxury .shape-3 { background: var(--z-green-2); opacity: 0.14; }

.amir-otp-card-luxury .amir-otp-success-check {
  color: var(--z-green-2);
}

/* موبایل */
@media (max-width: 480px) {
  .amir-zero-brand-title { font-size: 24px; }
  .amir-zero-character-wrap { max-width: 220px; }
  .amir-zero-form-panel { padding: 24px 16px 48px; }
}