/* VG 14050703: صفحه‌ی ورود پنل ورانی */
.vga-body{margin:0;background:#F6F4F2;font-family:inherit}
.vga{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.vga *{box-sizing:border-box}
.vga-brand{position:relative;overflow:hidden;background:radial-gradient(900px 600px at 85% 10%,#C0392B 0,transparent 60%),radial-gradient(700px 500px at 10% 90%,#2B1B3D 0,transparent 60%),linear-gradient(135deg,#7A1C1C 0%,#4A1020 55%,#1E1A2E 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:48px}
.vga-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;animation:vgaFloat 12s ease-in-out infinite}
.vga-orb.o1{width:360px;height:360px;background:radial-gradient(circle at 30% 30%,#FFB4A2,#C0392B 60%,transparent 70%);top:-80px;left:-60px}
.vga-orb.o2{width:260px;height:260px;background:radial-gradient(circle at 30% 30%,#F7C87A,#C9851A 55%,transparent 70%);bottom:8%;right:-40px;animation-delay:-4s}
.vga-orb.o3{width:180px;height:180px;background:radial-gradient(circle at 30% 30%,#fff,#E9D5FF 50%,transparent 70%);top:45%;left:12%;opacity:.18;animation-delay:-8s}
@keyframes vgaFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-22px)}}
.vga-brand-in{position:relative;z-index:1;max-width:520px}
.vga-brand-logo{height:64px;width:auto;margin-bottom:28px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.vga-brand h1{color:#fff;font-size:2.1rem;font-weight:800;line-height:1.6;margin:0 0 14px}
.vga-brand h1 b{font-weight:900;background:linear-gradient(90deg,#FFE3C4,#F7C87A);-webkit-background-clip:text;background-clip:text;color:transparent}
.vga-brand p{font-size:1.1rem;opacity:.88;line-height:2;margin:0 0 26px}
.vga-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vga-feats li{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 16px;font-size:1rem;font-weight:600;backdrop-filter:blur(6px)}
.vga-feats span{font-size:1.3rem}
.vga-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:#F6F4F2}
.vga-card{width:100%;max-width:440px;background:#fff;border-radius:28px;padding:34px 30px 30px;box-shadow:0 30px 80px rgba(74,16,32,.14),0 2px 6px rgba(16,24,40,.05);position:relative;animation:vgaIn .35s ease-out}
@keyframes vgaIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.vga-logo{text-align:center;margin-bottom:18px}
.vga-logo img{height:56px;width:auto}
.vga-head{text-align:center;margin-bottom:22px}
.vga-head h2{font-size:1.55rem;font-weight:900;color:#1D1B2E;margin:0 0 8px}
.vga-head p{color:#667085;font-size:1rem;margin:0;line-height:1.9}
.vga-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.vga-label{font-size:.92rem;font-weight:800;color:#344054}
.vga-phone{display:flex;align-items:center;border:2px solid #E4E7EC;border-radius:16px;background:#FCFCFD;transition:border-color .2s,box-shadow .2s;overflow:hidden}
.vga-phone:focus-within{border-color:#B42318;box-shadow:0 0 0 5px rgba(180,35,24,.12);background:#fff}
.vga-phone-ic{padding:0 14px;font-size:1.3rem}
.vga-input{width:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:1.6rem;font-weight:800;letter-spacing:2px;padding:14px 14px 14px 6px;color:#1D1B2E;min-height:62px}
.vga-field>.vga-input{border:2px solid #E4E7EC;border-radius:16px;font-size:1.15rem;letter-spacing:0;padding:12px 16px;min-height:56px}
.vga-field>.vga-input:focus{border-color:#B42318;box-shadow:0 0 0 5px rgba(180,35,24,.12)}
.vga-input::placeholder{color:#C4C9D2;font-weight:600;letter-spacing:1px}
.vga-hint{color:#98A2B3;font-size:.85rem}
.vga-hint.is-ok{color:#079455}.vga-hint.is-bad{color:#D92D20}
.vga-btn{width:100%;border:0;border-radius:16px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:1.15rem;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(135deg,#B42318,#7A1C1C);box-shadow:0 14px 30px rgba(180,35,24,.3);transition:transform .1s,box-shadow .2s,opacity .2s}
.vga-btn:hover{box-shadow:0 18px 36px rgba(180,35,24,.38)}
.vga-btn:active{transform:scale(.98)}
.vga-btn i{font-style:normal;font-size:1.25rem}
.vga-btn:disabled{opacity:.55;cursor:wait}
.vga-link{border:0;background:none;color:#B42318;font-weight:800;cursor:pointer;font-family:inherit;font-size:.95rem;padding:0 4px;text-decoration:underline;text-underline-offset:3px}
.vga-otp{position:relative;margin:4px auto 16px;max-width:340px}
.vga-otp-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:32px;letter-spacing:0;z-index:2;cursor:text;caret-color:transparent;color:transparent;background:transparent;border:0}
.vga-otp-boxes{display:flex;gap:12px;justify-content:center;direction:ltr}
.vga-box{flex:1;max-width:74px;aspect-ratio:1/1.12;border:2px solid #E4E7EC;border-radius:18px;background:#FCFCFD;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:900;color:#1D1B2E;font-variant-numeric:tabular-nums;transition:border-color .15s,transform .15s,background .15s}
.vga-box.is-cur{border-color:#B42318;box-shadow:0 0 0 5px rgba(180,35,24,.12);background:#fff}
.vga-box.is-cur:empty::after{content:"";width:3px;height:40%;background:#B42318;border-radius:2px;animation:vgaBlink 1s steps(1) infinite}
@keyframes vgaBlink{50%{opacity:0}}
.vga-box.is-fill{border-color:#1D1B2E;background:#fff;transform:translateY(-2px)}
.vga-otp.is-ok .vga-box{border-color:#079455;background:#ECFDF3;color:#05603A}
.vga-otp.is-bad .vga-box{border-color:#D92D20;background:#FEF3F2;animation:vgaShake .4s}
@keyframes vgaShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.vga-auto{display:flex;align-items:center;justify-content:center;gap:8px;color:#475467;font-size:.9rem;margin:-4px 0 14px;font-weight:600}
.vga-dot{width:9px;height:9px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 0 rgba(18,183,106,.6);animation:vgaPulse 1.4s infinite}
@keyframes vgaPulse{70%{box-shadow:0 0 0 10px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.vga-resend{text-align:center;margin-top:14px;color:#667085;font-size:.95rem}
.vga-resend b{font-variant-numeric:tabular-nums;color:#344054}
.vga-foot{margin-top:22px;color:#98A2B3;font-size:.85rem;text-align:center}
.vga .nk-auth-body{padding:34px 30px 30px!important;margin:0!important}
@media (max-width:991.98px){
    .vga{grid-template-columns:1fr}
    .vga-brand{padding:28px 20px 70px;min-height:auto}
    .vga-brand h1{font-size:1.45rem;margin-bottom:6px}
    .vga-brand p,.vga-feats{display:none}
    .vga-brand-logo{height:46px;margin-bottom:14px}
    .vga-main{margin-top:-56px;padding:0 14px 24px;background:transparent;justify-content:flex-start}
}
@media (max-width:420px){
    .vga-card,.vga .nk-auth-body{padding:26px 18px 22px!important;border-radius:22px}
    .vga-input{font-size:1.35rem}
    .vga-otp-boxes{gap:9px}
    .vga-box{font-size:2rem;border-radius:14px}
}