@font-face{font-family:FrameHub;src:url("../../assets/font/font-isb.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}:root{--white:#ffffff;--orange:#faa719;--blue:#123c66;--text:#102033;--muted:#6b7280;--line:#e8edf3;--bg:#f7f9fc;--danger-bg:#fff3f0;--danger-text:#b42318;--danger-line:#ffd4cc;--radius:26px;--radius-sm:15px}*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;padding:0}html{overflow:hidden;-webkit-text-size-adjust:100%}body{overflow:hidden;font-family:FrameHub,Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(250,167,25,0.14),transparent 34%),linear-gradient(135deg,#ffffff 0%,var(--bg) 100%)}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(18,60,102,0.028) 1px,transparent 1px),linear-gradient(90deg,rgba(18,60,102,0.028) 1px,transparent 1px);background-size:42px 42px}body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,0.58) 0,transparent 42%),linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0))}button,input{font:inherit}.l1{position:fixed;inset:0;width:100%;height:100vh;overflow:hidden;z-index:1}.cir1,.cir2,.cir3{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.cir1{width:270px;height:270px;top:-90px;left:-85px;background:rgba(250,167,25,0.42);opacity:0.36;filter:blur(62px)}.cir2{width:250px;height:250px;right:-85px;bottom:-85px;background:rgba(18,60,102,0.35);opacity:0.28;filter:blur(62px)}.cir3{width:210px;height:210px;right:14%;top:42%;background:rgba(250,167,25,0.26);opacity:0.24;filter:blur(68px)}.login-container{position:fixed;top:50%;left:50%;z-index:2;width:calc(100% - 32px);max-width:420px;padding:34px 32px 30px;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,0.92);box-shadow:0 24px 70px rgba(18,60,102,0.12),0 2px 10px rgba(18,60,102,0.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:cardFade 0.25s ease-out forwards}.login-container::before{content:"";position:absolute;top:0;left:50%;width:68px;height:4px;transform:translateX(-50%);border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--blue),var(--orange))}.brand{margin-bottom:28px;text-align:center}.brand h1{margin:0;font-size:34px;line-height:1.1;letter-spacing:-0.8px;color:transparent;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 34%,var(--orange) 48%,#ffffff 52%,var(--orange) 56%,var(--blue) 70%,var(--blue) 100%);background-size:260% auto;background-position:100% center;-webkit-background-clip:text;background-clip:text;animation:textShimmer 3.6s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(18,60,102,0.16))}.brand p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5;text-shadow:0 1px 0 rgba(255,255,255,0.9)}.alert{width:100%;margin:0 0 18px;padding:13px 14px;border:1px solid var(--danger-line);border-radius:14px;background:var(--danger-bg);color:var(--danger-text);font-size:14px;line-height:1.45;text-align:center}.login-form{width:100%;display:grid;gap:17px}.field{display:grid;gap:8px}label{color:var(--blue);font-size:14px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,0.9)}input{width:100%;height:50px;margin:0;padding:0 15px;direction:rtl;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,0.92);color:var(--text);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 8px 18px rgba(18,60,102,0.035);transition:border-color 0.16s ease,box-shadow 0.16s ease,background-color 0.16s ease}input:focus{border-color:var(--orange);background:var(--white);box-shadow:0 0 0 4px rgba(250,167,25,0.16),0 10px 22px rgba(18,60,102,0.06)}.password-box{position:relative}.password-box input{padding-left:76px}.toggle-password{position:absolute;top:7px;left:7px;height:36px;padding:0 13px;border:0;border-radius:11px;background:rgba(18,60,102,0.08);color:var(--blue);cursor:pointer;font-size:13px;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,0.7)}.toggle-password:hover{background:rgba(18,60,102,0.12)}.submit-btn{position:relative;width:100%;height:52px;margin:4px 0 0;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;background:var(--blue);color:var(--white);cursor:pointer;font-size:15px;font-weight:900;overflow:hidden;isolation:isolate;text-shadow:0 2px 8px rgba(0,0,0,0.22);transition:transform 0.16s ease,box-shadow 0.16s ease,opacity 0.16s ease;box-shadow:0 16px 28px rgba(18,60,102,0.22),inset 0 1px 0 rgba(255,255,255,0.18)}.submit-btn::after{content:"";position:absolute;top:0;right:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.42),transparent);transform:skewX(-22deg);animation:buttonShimmer 2.4s infinite;z-index:-1}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(18,60,102,0.26),inset 0 1px 0 rgba(255,255,255,0.2)}.submit-btn:active{transform:translateY(0);opacity:0.94}.submit-btn.is-loading{pointer-events:none;opacity:0.78}.submit-btn.is-loading::after{animation:none}.footer-text{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:12px;direction:ltr;text-shadow:0 1px 0 rgba(255,255,255,0.9)}@keyframes cardFade{from{opacity:0}to{opacity:1}}@keyframes textShimmer{0%{background-position:100% center}46%,100%{background-position:0% center}}@keyframes buttonShimmer{0%{right:-80%}48%,100%{right:130%}}@media (max-width:480px){.login-container{width:calc(100% - 24px);max-width:360px;padding:28px 24px 26px;border-radius:22px}.brand{margin-bottom:24px}.brand h1{font-size:29px}.brand p{margin-top:5px;font-size:13px}.login-form{gap:16px}input{height:46px}.submit-btn{height:48px}.footer-text{margin-top:24px;padding-top:15px}}@media (max-width:360px){.login-container{width:calc(100% - 18px);padding:24px 16px 21px;border-radius:20px}.brand{margin-bottom:20px}.brand h1{font-size:26px}.brand p{font-size:12px}.login-form{gap:14px}input{height:43px;padding:0 12px}.submit-btn{height:45px}.toggle-password{top:6px;left:6px;height:31px;padding:0 11px;font-size:12px}.password-box input{padding-left:68px}}