/* ============================================================
   Al-Muhandis Pay — Global Styles (Luxury Corporate Edition)
   ============================================================ */

:root {
  --am-night: #00101d;
  --am-gold: #d4af37;
  --am-gold-soft: #f2d98b;
  --am-fog: #dbe7f3;
  --am-muted: rgba(219,231,243,.75);
  --am-font: "Cairo", "Noto Sans Arabic", sans-serif;
}

/* ===== Reset & Base ===== */
html {
  direction: rtl;
  scroll-behavior: smooth;
  font-family: var(--am-font);
  background-color: var(--am-night);
  color: var(--am-fog);
}
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: radial-gradient(circle at 20% -30%, rgba(242,217,139,.12), transparent 60%),
              radial-gradient(circle at 110% 140%, rgba(212,175,55,.1), transparent 60%),
              var(--am-night);
  overflow-x: hidden;
}
img{ max-width:100%; height:auto; display:block }
a{ color:var(--am-gold); text-decoration:none; transition:color .2s ease }
a:hover{ color:var(--am-gold-soft) }

.container{ max-width:1200px; margin-inline:auto; padding:20px 16px }
.text-center{ text-align:center } .text-gold{ color:var(--am-gold) } .text-muted{ color:var(--am-muted) }

/* ===== Buttons ===== */
.btn{
  display:inline-block; padding:12px 18px; border-radius:14px; font-weight:700; text-align:center; cursor:pointer;
  transition: transform .2s ease, box-shadow .2s ease;
  background: linear-gradient(135deg,var(--am-gold),var(--am-gold-soft)); color:var(--am-night);
  border: 1px solid rgba(212,175,55,.3);
}
.btn:hover{ transform:translateY(-1px); box-shadow:0 10px 25px rgba(212,175,55,.15) }

/* ===== Forms ===== */
input, select, textarea{
  width:100%; padding:12px 14px; border-radius:10px;
  border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); color:#fff;
  font-family:inherit; outline:none; transition:border-color .2s ease, box-shadow .2s ease;
}
input:focus, textarea:focus{ border-color:var(--am-gold); box-shadow:0 0 0 3px rgba(212,175,55,.2) }
label{ display:block; margin-bottom:6px; font-weight:600; color:var(--am-fog) }

/* ===== Password strength bar (reusable) ===== */
.pw-bar{ height:8px; border-radius:6px; background:rgba(255,255,255,.06); overflow:hidden }
.pw-fill{ height:100%; width:0%; background:linear-gradient(90deg,#f59e0b,#d4af37); transition:width .35s ease }

/* ===== Footer ===== */
footer.footer, .am-footer{ font-size:.9rem; text-align:center; padding:16px 0; color:var(--am-muted) }

/* ===== Off-canvas scroll lock ===== */
.am-oc-open{ overflow:hidden }