@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Dxxo8j6PP2D_kU2muijlE8WWMmk.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/Dxxo8j6PP2D_kU2muijlHcWW.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
  --font-family:'Vazirmatn', tahoma, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --gold:#d4af37;
  --gold2:#f6d365;
  --bg1:#ffffff;
  --bg2:#fff8e6;
  --ink:#0b0d12;
  --muted:#7b8597;
  --card: rgba(255,255,255,.78);
  --card2: rgba(255,255,255,.62);
  --shadow: 0 30px 80px rgba(0,0,0,.22);
  --radius: 24px;
}

html,body{height:100%;}
body{
  font-family: var(--font-family);
  background:
    radial-gradient(1200px 520px at 85% 20%, rgba(212,175,55,.18), transparent 56%),
    radial-gradient(900px 420px at 20% 78%, rgba(246,211,101,.16), transparent 56%),
    linear-gradient(135deg, var(--bg1) 0%, #fbfbfb 42%, var(--bg2) 100%);
  color: var(--ink);
  overflow-x: hidden;
}

/* nice focus */
.form-control:focus, .form-select:focus{
  border-color: rgba(212,175,55,.7);
  box-shadow: 0 0 0 .2rem rgba(212,175,55,.18);
}

/* blobs */
.asg-blob{
  display: none !important;
}

@keyframes asg-float{
  0%,100%{ transform: translateY(0) translateX(0) scale(1); }
  50%{ transform: translateY(22px) translateX(-14px) scale(1.03); }
}

/* main layout */
.asg-wrap{
  position: relative;
  z-index: 1;
  min-height: 100vh;
  min-height: 100svh;
  display:flex;
  align-items:center;
}
.asg-shell{
  width: min(1200px, 100%);
  margin-inline:auto;
  padding: 24px 12px;
}
.asg-card{
  border: 1px solid rgba(212,175,55,.18);
  border-radius: var(--radius);
  background: linear-gradient(180deg, var(--card), var(--card2));
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.asg-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr; /* left slider, right form */
  min-height: 640px;
}
@media (max-width: 992px){
  .asg-grid{ grid-template-columns: 1fr; }
  .asg-slider{ order: 2; }
  .asg-form{ order: 1; }
  .asg-grid{ min-height: auto; }
}

/* right/form side */
.asg-form{
  padding: 40px 34px;
  position: relative;
}
@media (max-width: 576px){
  .asg-form{ padding: 28px 18px; }
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 16px;
}
.brand-badge{
  width: 44px; height: 44px;
  border-radius: 14px;
  background:
    radial-gradient(12px 12px at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,0)),
    linear-gradient(135deg, rgba(212,175,55,.95), rgba(246,211,101,.75));
  box-shadow: 0 18px 40px rgba(212,175,55,.25);
  display:grid;
  place-items:center;
}
.brand-badge i{ color:#111; font-size: 20px; }
.brand-title{
  line-height:1.2;
}
.brand-title .name{
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 20px;
}
.brand-title .sub{
  color: var(--muted);
  font-size: 13px;
}

.asg-title{
  font-weight: 900;
  font-size: 28px;
  margin: 10px 0 6px;
}
.asg-lead{
  color: var(--muted);
  margin-bottom: 18px;
}

.asg-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.35), transparent);
  margin: 18px 0;
}

.btn-gold{
  --bs-btn-color: #111;
  --bs-btn-bg: rgba(212,175,55,.95);
  --bs-btn-border-color: rgba(212,175,55,.95);
  --bs-btn-hover-bg: rgba(246,211,101,.95);
  --bs-btn-hover-border-color: rgba(246,211,101,.95);
  --bs-btn-active-bg: rgba(212,175,55,1);
  --bs-btn-active-border-color: rgba(212,175,55,1);
  font-family:var(--font-family);font-size: 17px;
  box-shadow: 0 18px 40px rgba(212,175,55,.22);
}
.btn-outline-gold{
  --bs-btn-color: #111;
  --bs-btn-border-color: rgba(212,175,55,.55);
  --bs-btn-hover-bg: rgba(212,175,55,.16);
  --bs-btn-hover-border-color: rgba(212,175,55,.8);
  font-family:var(--font-family);
}

.asg-input-icon{
  position: relative;
}
.asg-input-icon i{
  position:absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(17,17,17,.55);
}
[dir="rtl"] .asg-input-icon i{
  left:auto; right: 12px;
}
.asg-input-icon input{
  padding-inline-start: 42px;
}
[dir="rtl"] .asg-input-icon input{
  padding-inline-start: 12px;
  padding-inline-end: 42px;
}

/* slider/left side */
.asg-slider{
  background:
    radial-gradient(1200px 520px at 20% 10%, rgba(212,175,55,.30), transparent 60%),
    linear-gradient(135deg, rgba(11,13,18,1) 0%, rgba(17,20,26,1) 60%, rgba(11,13,18,1) 100%);
  color: #fff;
  position: relative;
  padding: 28px;
}
.asg-slider::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(400px 300px at 70% 30%, rgba(246,211,101,.18), transparent 60%),
    radial-gradient(300px 260px at 30% 70%, rgba(212,175,55,.16), transparent 60%);
  pointer-events:none;
}
.asg-slider-inner{ position: relative; height: 100%; }
.asg-carousel{
  height: 100%;
  border-radius: 20px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
}
.asg-carousel .carousel-inner,
.asg-carousel .carousel-item{ height: 100%; }
.asg-slide{
  height: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: 34px;
  background:
    radial-gradient(140px 100px at 18% 18%, rgba(212,175,55,.35), transparent 65%),
    radial-gradient(260px 180px at 75% 70%, rgba(246,211,101,.25), transparent 65%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.asg-slide .kicker{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding: 6px 10px;
  width: fit-content;
  border-radius: 999px;
  background: rgba(212,175,55,.16);
  border: 1px solid rgba(212,175,55,.28);
  color: rgba(246,211,101,1);
  font-weight: 700;
  font-size: 13px;
}
.asg-slide h3{
  font-weight: 900;
  font-size: 32px;
  margin: 14px 0 10px;
}
.asg-slide p{
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.9;
  margin: 0 0 16px;
  max-width: 46ch;
}
.asg-metric{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.asg-pill{
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.85);
  font-size: 13px;
}
.asg-pill i{ color: rgba(246,211,101,.95); margin-inline-end: 6px; }

/* animations */
.asg-pop{
  animation: pop .7s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes pop{
  from{ transform: translateY(14px); opacity: 0; }
  to{ transform: translateY(0); opacity: 1; }
}
.asg-fade{
  animation: fade .9s ease both;
}
@keyframes fade{ from{opacity:0} to{opacity:1}}

/* OTP inputs */
.otp-row{
  display:flex;
  gap:10px;
  justify-content:space-between;    direction: ltr;
}
.otp-row input{
  text-align:center;
  font-size: 22px;
  font-weight: 800;
  height: 54px;
  width: 100%;
}
.otp-row .otp-box{
  flex: 1 1 0;
}

/* footer links */
.asg-links{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
  color: var(--muted);
  font-size: 13px;margin-bottom: 0;
}
.asg-links a{ color: inherit; text-decoration: none; }
.asg-links a:hover{ color: #111; }

/* subtle glass alert */
.alert{
  font-size: 14px;
}
.alert-glass{
  background: rgba(212,175,55,.10);
  border-color: rgba(212,175,55,.24);
  color: #3b2b00;
}

/* Modal accent */
.modal-content{
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.22);
  box-shadow: 0 22px 70px rgba(0,0,0,.22);
}
.modal-header{
  background: linear-gradient(90deg, rgba(212,175,55,.18), rgba(255,255,255,.65));
}
.modal-title{
  font-weight: 900;
}
@media (max-width: 768px){
  .asg-wrap{
    min-height: auto;
  }

  .asg-grid{
    min-height: auto;
  }
}
.form-control-lg {
    font-size: 1.10rem;
}

/* === Animated login polish aligned with silver/gold panel - added by ChatGPT === */
body{
  background:
    radial-gradient(920px 480px at 88% 12%,rgba(226,232,240,.55),transparent 60%),
    radial-gradient(760px 420px at 13% 82%,rgba(212,175,55,.20),transparent 58%),
    linear-gradient(135deg,#ffffff 0%,#f8fafc 46%,#fff7df 100%) !important;
  position:relative;
}
body::before,body::after{
  content:"";
  position:fixed;
  width:360px;height:360px;border-radius:999px;
  pointer-events:none;z-index:0;filter:blur(3px);
  background:radial-gradient(circle,rgba(255,255,255,.92),rgba(203,213,225,.22) 45%,transparent 70%);
  animation:asgLuxuryOrbit 11s ease-in-out infinite;
}
body::before{right:-90px;top:8%;}
body::after{left:-110px;bottom:5%;width:420px;height:420px;background:radial-gradient(circle,rgba(255,246,210,.70),rgba(212,175,55,.15) 42%,transparent 72%);animation-delay:-4s;}
@keyframes asgLuxuryOrbit{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-28px,24px,0) scale(1.08)}}
.asg-card{
  border:1px solid rgba(148,163,184,.28) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,250,252,.68)) !important;
  box-shadow:0 30px 90px rgba(15,23,42,.18),0 8px 22px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter:blur(20px) saturate(1.18);
  position:relative;
}
.asg-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#fff,#d4af37,#cbd5e1,transparent);opacity:.92;z-index:2;}
.asg-slider{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#111827 100%) !important;}
.asg-slider::before{background:radial-gradient(420px 280px at 75% 26%,rgba(226,232,240,.22),transparent 62%),radial-gradient(330px 240px at 22% 75%,rgba(212,175,55,.22),transparent 64%) !important;animation:asgLuxuryOrbit 12s ease-in-out infinite;}
.asg-slide{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025)),radial-gradient(220px 160px at 18% 18%,rgba(255,255,255,.16),transparent 65%) !important;}
.brand-badge,.btn-gold{background:linear-gradient(135deg,#ffffff 0%,#e5e7eb 28%,#d4af37 62%,#a77a16 100%) !important;box-shadow:0 18px 45px rgba(100,116,139,.18),0 8px 20px rgba(212,175,55,.18) !important;}
.asg-input-icon .form-control,.form-control{background:rgba(255,255,255,.88) !important;border-color:rgba(148,163,184,.32) !important;border-radius:18px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.form-control:focus{border-color:#94a3b8 !important;box-shadow:0 0 0 .24rem rgba(148,163,184,.20),0 10px 24px rgba(15,23,42,.06) !important;}
.asg-pop{animation:asgPop .62s cubic-bezier(.2,.8,.2,1) both;}
@keyframes asgPop{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:992px){.asg-card{border-radius:28px !important}.asg-slider{min-height:340px}.asg-form{background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.42));}}