/* ===== صفحه‌ی ورود امیران (شیشه‌ای + مدار نورانی) ===== */
#login{--ease:cubic-bezier(.22,1,.36,1);padding:0!important;display:block!important;min-height:0!important;color:#fff;font-family:var(--font)}#login *{box-sizing:border-box}#login button,#login input{font:inherit}#login button{cursor:pointer;-webkit-tap-highlight-color:transparent}#login button:focus-visible{outline:2px solid #b0c8ff;outline-offset:5px}.lg-symbols{position:absolute;width:0;height:0;overflow:hidden}
.lg-scene{position:fixed;inset:0;overflow:auto;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;padding:80px 24px;background:radial-gradient(ellipse at 7% 0%,#00124985,transparent 53%),radial-gradient(ellipse at 100% 100%,#00145290,transparent 55%),#000105}
.lg-circuit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.lg-wire{fill:none;stroke:#3c5ca2;stroke-width:2}.lg-faint{fill:none;stroke:#2e4f98;stroke-width:1;opacity:.17}.lg-node{fill:#000613;stroke:#5574bb;stroke-width:2}.lg-spark{fill:#fff0f0;filter:url(#glow)}.lg-flow{opacity:0}.lg-trail{fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.lg-flow-light{filter:url(#glow)}
.lg-language{position:absolute;right:28px;top:24px;color:#b3c6f2;background:#09132977;border:1px solid #4461a34f;border-radius:24px;padding:9px 17px;font-size:12px;transition:background .25s,border-color .25s}.lg-language:hover{background:#132650;border-color:#7ea5ff80}
.lg-card{position:relative;width:730px;height:410px;max-width:100%;border:1px solid #556d9866;border-radius:19px;overflow:hidden;background:linear-gradient(125deg,#000e37c9,#000614e8 55%,#031135d9);box-shadow:0 0 0 1px #8cb1ff14,0 0 6px #9dbaff25,0 30px 80px #0009,inset 0 1px 2px #b4c8ff50;backdrop-filter:blur(22px);animation:arrive 1.1s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
.lg-glass{position:absolute;inset:0;z-index:2;background:linear-gradient(140deg,#aec1db2c,#9eadc126 55%,#7a9dd22b);clip-path:polygon(57.5% 0,100% 0,100% 100%,42.5% 100%);transition:clip-path 1.05s var(--ease);pointer-events:none}.lg-glass:before{content:"";position:absolute;inset:0;box-shadow:inset 0 1px 3px #d1e1ff4a}.lg-glass:after{content:"";position:absolute;height:125%;width:1px;top:-12%;left:50%;background:#b7d1ef36;transform:rotate(15deg);transition:transform 1.05s var(--ease)}.lg-card.lg-signup .lg-glass{clip-path:polygon(0 0,42.5% 0,57.5% 100%,0 100%)}.lg-card.lg-signup .lg-glass:after{transform:rotate(-15deg)}
.lg-form{position:absolute;width:37.5%;top:40px;left:6.4%;transition:opacity .4s ease,transform .8s var(--ease),visibility .4s}.lg-form h1{font-size:32px;font-weight:750;text-align:center;margin:2px 0 28px;letter-spacing:-.5px}.lg-form.lg-register{left:auto;right:6.4%;top:20px;opacity:0;visibility:hidden;transform:translateX(55px)}.lg-form.lg-register h1{margin-bottom:25px}.lg-card.lg-signup .lg-login{opacity:0;visibility:hidden;transform:translateX(-55px)}.lg-card.lg-signup .lg-register{opacity:1;visibility:visible;transform:translateX(0);transition-delay:.22s}
.lg-field{position:relative;height:54px;margin-bottom:18px;display:flex;align-items:center;border-radius:12px;background:#b9c4ce20;border:1px solid #96aacd28;box-shadow:inset 0 1px 3px #b7d2ff11,0 1px 2px #0003;transition:border-color .25s,box-shadow .25s,background .25s}.lg-field:focus-within{border-color:#749bfaa6;background:#b5c4d028;box-shadow:0 0 0 1px #7597ff29,0 0 18px #4475e726}.lg-field svg{position:absolute;left:11px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:#96a0ad;pointer-events:none;transition:color .25s}.lg-field:focus-within svg{color:#81a9ff}.lg-field input{width:100%;height:100%;min-width:0;padding:0 42px 0 41px;border:0;outline:0;background:transparent;color:#ffffff;font-size:15px;caret-color:#79a3ff}.lg-field input::placeholder{color:#a0aab2;opacity:.8}.lg-field input:autofill{box-shadow:0 0 0 100px #212936 inset;-webkit-text-fill-color:white;border-radius:11px}.lg-eye{position:absolute;right:6px;top:10px;width:33px;height:33px;padding:0;background:none;border:0;color:#a6b1bd;opacity:0;transition:opacity .2s}.lg-field:hover .lg-eye,.lg-field:focus-within .lg-eye,.lg-eye:focus-visible{opacity:1}.lg-eye svg{position:static;width:18px;height:18px;pointer-events:none}
.lg-primary{position:relative;overflow:hidden;width:100%;height:46px;margin-top:9px;border:1px solid #729eff28;border-radius:40px;color:#ffffff;font-weight:600;font-size:16px;background:linear-gradient(100deg,#719dff,#3362d6 50%,#0c35a9);box-shadow:0 5px 20px #2a60e340,inset 0 1px 0 #b3c5ff38;transition:transform .25s,box-shadow .25s,filter .25s}.lg-primary:before{content:"";position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 40%,#fff3,transparent 60%);transform:translateX(-100%);animation:sheen 6s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,65%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.lg-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #336dfa66;filter:brightness(1.12)}.lg-primary:active{transform:scale(.98)}
.lg-switch{margin:13px -8px 0;text-align:center;font-size:12px;color:#dbe2ec;line-height:1.6}.lg-text-button{border:0;background:none;color:#709cfa;padding:0 2px;font-weight:600;font-size:inherit}.lg-text-button:hover{color:#b6cfff;text-shadow:0 0 14px #6391ff}.lg-forgot{display:block;margin:6px auto 0;font-size:12px}
.lg-welcome{position:absolute;top:50%;width:40%;right:4.5%;z-index:3;text-align:center;transform:translateY(-50%);transition:opacity .35s,transform .8s var(--ease),visibility .4s;pointer-events:none}.lg-welcome h2{margin:0 0 15px;font-size:36px;font-weight:800;line-height:1.48}.lg-welcome p{font-size:16px;line-height:1.5;margin:0;color:#e6ebf2}.lg-welcome.lg-hello{right:auto;left:4.5%;opacity:0;visibility:hidden;transform:translate(-35px,-50%)}.lg-welcome.lg-hello h2{font-size:33px;white-space:nowrap}.lg-card.lg-signup .lg-back{opacity:0;visibility:hidden;transform:translate(35px,-50%)}.lg-card.lg-signup .lg-hello{opacity:1;visibility:visible;transform:translate(0,-50%);transition-delay:.25s}.lg-demo{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;color:#778ab5;font-size:11px;line-height:1.7}
#login dialog{color:#ffffff;background:linear-gradient(135deg,#101f3d,#040b14);border:1px solid #5c76a36e;border-radius:20px;width:min(400px,calc(100% - 32px));padding:30px;box-shadow:0 25px 100px #000b}#login dialog::backdrop{background:#000208be;backdrop-filter:blur(10px)}#login dialog h2{margin:0 0 12px;font-size:24px}#login dialog p{font-size:14px;color:#bfccdf;line-height:1.8}#login dialog .lg-close{float:right;border:0;background:none;color:#b8cef6;font-size:25px;padding:0 4px}#login dialog .lg-field{margin-top:20px}.lg-toast{position:fixed;bottom:48px;left:50%;z-index:10;width:max-content;max-width:calc(100% - 32px);border:1px solid #7a96d460;border-radius:14px;background:#121f38ef;color:#e1ebff;padding:14px 22px;font-size:14px;text-align:center;line-height:1.8;box-shadow:0 12px 45px #0009;opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:opacity .3s,transform .4s var(--ease)}.lg-toast.lg-visible{opacity:1;transform:translate(-50%,0)}
body{}.lg-field input{padding:0 41px 0 42px;text-align:right}.lg-field>svg{left:auto;right:11px}.lg-eye{right:auto;left:6px}.lg-welcome p{text-align:right;line-height:1.9}.lg-welcome h2{font-size:32px;letter-spacing:-1px}.lg-welcome.lg-hello h2{font-size:29px}.lg-form h1{font-size:29px}
@media(max-width:650px){.lg-scene{padding:80px 20px 85px}.lg-card{width:390px;height:590px}.lg-glass{clip-path:polygon(0 0,100% 0,100% 35%,0 43%)}.lg-card.lg-signup .lg-glass{clip-path:polygon(0 0,100% 0,100% 43%,0 35%)}.lg-glass:after{display:none}.lg-welcome,.lg-welcome.lg-hello{top:33px;left:8%;right:auto;width:84%;transform:none}.lg-welcome h2{font-size:29px;line-height:1.18;margin-bottom:12px}.lg-welcome p{font-size:14px}.lg-welcome.lg-hello h2{font-size:27px}.lg-welcome.lg-hello{transform:translateX(-30px)}.lg-card.lg-signup .lg-back{transform:translateX(30px)}.lg-card.lg-signup .lg-hello{transform:none}.lg-form,.lg-form.lg-register{top:249px;left:9%;right:auto;width:82%}.lg-form h1{font-size:28px;margin:0 0 22px}.lg-form.lg-register{top:235px}.lg-form.lg-register h1{margin-bottom:19px}.lg-field{height:49px;margin-bottom:14px}.lg-primary{height:45px;margin-top:8px}.lg-language{top:20px;right:20px}.lg-welcome h2{font-size:27px}.lg-welcome p{text-align:center}.lg-eye{opacity:.75}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#login .lg-form h1,#login .lg-welcome h2,#login #lgDlg h2{font-family:var(--fd)}
#login .lg-primary{font-family:var(--fd);font-weight:700}
#login .lg-welcome h2{font-weight:800;line-height:1.7}
#login .lg-logo{width:76px;height:76px;border-radius:22px;background:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 30px #0008,0 0 24px #5a8cff66}
#login .lg-logo img{max-width:60px;max-height:60px;display:block}
#login .lg-steps{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:12px}
#login .lg-steps li{display:flex;gap:10px;align-items:center;font-size:13.5px;line-height:1.7;color:#e8efff}
#login .lg-steps b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5a9bff,#7b5cff);box-shadow:0 0 14px #5a8cff88;font-family:var(--fd)}
#login .lg-err{color:#ff9aa8;font-size:12.5px;min-height:18px;text-align:center;margin:-4px 0 4px}
#login .lg-foot{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#8fa5dc;font-size:11.5px;pointer-events:none}
#login .lg-form{direction:rtl}
#login .lg-field input{direction:ltr}
@media(max-width:650px){#login .lg-logo{width:54px;height:54px;border-radius:16px;margin-bottom:8px}#login .lg-logo img{max-width:42px;max-height:42px}#login .lg-steps{gap:8px}#login .lg-steps li{font-size:12.5px}#login .lg-welcome h2{line-height:1.5}}

#login .lg-field input,#login .lg-field input:focus{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;outline:0}
#login .lg-field input::placeholder{color:#9db0e0;opacity:.85}
#login .lg-field{background:#8fb0ff1f;border:1px solid #7a9bff3a}
#login .lg-field:focus-within{background:#8fb0ff2e;border-color:#6aa0ffb0}
@media(max-width:650px){#login .lg-welcome h2,#login .lg-welcome.lg-hello h2{font-size:25px!important;margin-bottom:8px;white-space:normal}#login .lg-welcome p{font-size:13px}}
.lg-otp-msg{text-align:center;line-height:1.9;margin:0 0 10px;font-size:.95em}