/* صفحه ورود — سایت و اپ */
.hl-page{position:relative;min-height:calc(100vh - 140px);min-height:calc(100dvh - 140px);display:grid;place-items:center;padding:34px 16px 46px;overflow:hidden;direction:rtl}
body.in-app .hl-page,.hb-app .hl-page{min-height:100vh;min-height:100dvh}
.hl-bg{position:absolute;inset:0;z-index:0}
.hl-dark .hl-bg{background:radial-gradient(120% 80% at 50% 0%,#14A3AE 0%,#0B5F68 45%,#073F46 100%)}
.hl-dark .hl-bg::before{content:"";position:absolute;inset:0;background:url(img/girih-light.svg) 0 0/88px;opacity:.10}
.hl-dark .hl-bg::after{content:"";position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(closest-side,rgba(212,160,23,.25),transparent);filter:blur(10px)}
.hl-light .hl-bg{background:linear-gradient(180deg,#E3F4F4,#F4F2EE 60%)}
.hl-light .hl-bg::before{content:"";position:absolute;inset:0;background:url(img/girih-teal.svg) 0 0/88px;opacity:.06}
.hl-card{position:relative;z-index:1;width:100%;max-width:430px;background:rgba(255,255,255,.97);border-radius:28px;padding:30px 26px 24px;box-shadow:0 30px 70px rgba(4,30,34,.35),0 0 0 1px rgba(255,255,255,.4) inset;text-align:center;animation:hlIn .5s cubic-bezier(.2,.8,.2,1)}
.hl-light .hl-card{box-shadow:0 20px 50px rgba(7,63,70,.14)}
@keyframes hlIn{from{opacity:0;transform:translateY(18px) scale(.98)}}
.hl-logo{position:relative;width:150px;margin:-4px auto 6px}
.hl-logo img{position:relative;z-index:1;width:150px;height:auto;display:block}
.hl-logo .glow{position:absolute;inset:-18% -10%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,163,174,.22),transparent);z-index:0}
.hl-logo.anim img{animation:hlFloat 3.6s ease-in-out infinite}
.hl-logo.anim .glow{animation:hlGlow 3.6s ease-in-out infinite}
@keyframes hlFloat{0%,100%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-5px) scale(1.035);opacity:.86}}
@keyframes hlGlow{0%,100%{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
.hl-brand img{width:min(290px,86%);height:auto;margin:2px auto 8px;display:block}
.hl-title{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;font-size:34px;color:#073F46;margin:8px 0 2px;line-height:1.3}
.hl-sub{color:#7F7A72;font-size:13.5px;line-height:1.9;margin:0 0 16px}
.hl-tabs{display:flex;background:#F4F2EE;border-radius:14px;padding:4px;margin:0 0 18px}
.hl-tabs a{flex:1;padding:9px 6px;border-radius:11px;color:#57534D;text-decoration:none;font-weight:600;font-size:14px}
.hl-tabs a.on{background:#fff;color:#0B5F68;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.hl-form{text-align:right}
.hl-form .hb-login .form-row label{font-size:13px;color:#57534D}
.hl-form .hb-login input.hb-input{height:52px;border-radius:14px;font-size:18px;letter-spacing:.5px;text-align:center}
.hl-form .hb-login .btn{height:52px;border-radius:14px;font-size:15.5px}
.hl-form .otp-inputs input{height:56px;border-radius:14px}
.hl-preview-form{pointer-events:none;opacity:.95}
.hl-admin{font-size:12.5px;margin:12px 0 0}.hl-admin a{color:#7F7A72}
.hl-feat{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.hl-feat li{font-size:12px;background:#E3F4F4;color:#0B5F68;border-radius:20px;padding:5px 11px}
.hl-feat li::before{content:"✦ ";color:#B08D4F}
.hl-note{font-size:11.5px;color:#A9A49B;margin:16px 0 0;line-height:1.8}
@media (max-width:480px){.hl-page{padding:20px 12px 30px;align-items:start}.hl-card{padding:24px 18px 20px;border-radius:24px}.hl-logo,.hl-logo img{width:128px}.hl-title{font-size:30px}}
@media (prefers-reduced-motion:reduce){.hl-logo.anim img,.hl-logo.anim .glow,.hl-card{animation:none}}