.login-mode{min-height:100vh;background:#07121f url('/images/orar/hero.webp') center/cover fixed no-repeat}.login-mode:before{position:fixed;z-index:0;inset:0;content:"";background:linear-gradient(105deg,#06111ee8,#10151ec2)}.login-mode .app-header,.login-mode .app-main{position:relative;z-index:1}.login-mode .app-header{border-bottom:1px solid #ffffff24;background:#07121fbd;box-shadow:none;backdrop-filter:blur(12px)}.login-mode .app-main{display:grid;place-items:center;min-height:calc(100vh - 76px);padding:28px}.login-stage{width:min(470px,100%)}.login-dialog{overflow:hidden;border:1px solid #ffffff36;border-radius:16px;background:#fff;box-shadow:0 28px 70px #00000078}.login-dialog>header{display:flex;align-items:center;gap:14px;padding:20px 24px;color:#fff;background:linear-gradient(115deg,#172333,#0d141d)}.login-dialog>header .menu-icon{width:31px;height:31px;color:#f3ad36}.login-dialog h1{margin:0 0 3px;font-size:21px}.login-dialog header p{margin:0;color:#b9c6d5;font-size:12px}.login-dialog__body{padding:25px}.login-dialog form{display:grid;gap:17px}.login-dialog label{margin:0!important;color:#263548;font-size:13px;font-weight:750}.login-field{position:relative;margin-top:7px}.login-field>svg{position:absolute;top:50%;left:13px;width:20px;height:20px;color:#738196;transform:translateY(-50%)}.login-mode .login-field input{height:50px;padding:11px 44px!important;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc}.login-mode .login-field input:focus{outline:3px solid #176ff226;border-color:#176ff2;background:#fff}.password-toggle{position:absolute;top:50%;right:10px;padding:7px;border:0;color:#718096;background:transparent;transform:translateY(-50%);cursor:pointer}.password-toggle.is-visible{color:#176ff2}.login-mode .remember-option{display:flex;align-items:center;gap:9px;color:#5b6879;font-weight:500}.login-mode .remember-option input{width:17px;height:17px;margin:0}.login-submit{display:flex;align-items:center;justify-content:center;gap:12px;height:49px;border:0;border-radius:9px;color:#fff;font-size:16px;font-weight:800;background:linear-gradient(110deg,#176ff2,#0753bd);box-shadow:0 8px 20px #176ff238;cursor:pointer}.login-submit:hover{filter:brightness(1.06)}.login-back{display:block;margin-top:19px;color:#4f6075;font-size:13px;text-align:center}.login-footer{margin:15px 0 0;color:#b9c5d2;font-size:11px;text-align:center}@media(max-width:540px){.login-mode .app-main{align-items:start;padding:20px 0}.login-dialog__body{padding:21px}.login-dialog>header{padding:18px 20px}.login-dialog h1{font-size:19px}}