.login-page{--forest:#013220;--emerald:#046d5a;--gold:#bfa66b;--cream:#f7eedb;--white:#fff;--dark:#171717;box-sizing:border-box;background:radial-gradient(circle at 15% 20%,#bfa66b2e,#0000 32%),radial-gradient(circle at 85% 80%,#046d5a24,#0000 35%),linear-gradient(135deg,#f8f0df 0%,#f5eddd 50%,#eef2e8 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:90px 25px 30px;display:flex;position:relative;overflow:hidden}.login-card{background:#fff;border:1px solid #ffffffe6;border-radius:38px;width:min(1180px,100%);height:min(680px,100dvh - 150px);min-height:520px;position:relative;overflow:hidden;box-shadow:0 30px 80px #01322024,0 10px 35px #01322014}.login-visual{background:var(--forest);z-index:2;width:50%;height:100%;transition:left .85s cubic-bezier(.77,0,.175,1);position:absolute;top:0;bottom:0;left:0;overflow:hidden}.login-content{box-sizing:border-box;z-index:1;background:linear-gradient(145deg,#fff 0%,#faf6ec 100%);flex-direction:column;justify-content:center;width:50%;height:100%;padding:55px 65px;transition:right .85s cubic-bezier(.77,0,.175,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden auto}.login-page.is-swapped .login-visual{left:50%}.login-page.is-swapped .login-content{right:50%}.login-visual-image{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s,transform 4s;position:absolute;inset:0;transform:scale(1.04)}.login-visual-image.active{opacity:1;transform:scale(1)}.login-visual-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0132200a 0%,#01322029 45%,#013220c7 100%);position:absolute;inset:0}.login-visual-content{z-index:3;box-sizing:border-box;color:#fff;flex-direction:column;align-items:flex-start;padding:50px;display:flex;position:absolute;bottom:0;left:0;right:0}.login-visual-brand{color:#ffffffc7;letter-spacing:4px;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.login-visual-content h2{color:#fff;margin:0 0 12px;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.2}.login-visual-content p{color:#ffffffd6;max-width:430px;margin:0 0 28px;font-size:14px;line-height:2}.login-aura-button{color:#fff;letter-spacing:3px;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;width:125px;height:48px;padding:0;font-family:inherit;font-size:13px;font-weight:700;transition:background .3s,transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #00000026}.login-aura-button:hover{background:#ffffff38;transform:translateY(-2px);box-shadow:0 14px 35px #0003}.login-aura-button:active{transform:scale(.96)}.login-header{margin-bottom:30px}.login-header span{color:var(--gold);letter-spacing:3px;direction:ltr;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.login-header h1{color:var(--forest);margin:0 0 10px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.2}.login-header p{color:#777;max-width:430px;margin:0;font-size:14px;line-height:1.9}.login-form{flex-direction:column;gap:18px;width:100%;display:flex}.login-field{width:100%}.login-field label{color:var(--forest);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.login-field input{box-sizing:border-box;width:100%;height:52px;color:var(--dark);background:#fff;border:1px solid #01322024;border-radius:16px;outline:none;padding:0 18px;font-family:inherit;font-size:14px;transition:border-color .25s,box-shadow .25s}.login-field input::placeholder{color:#aaa}.login-field input:focus{border-color:#046d5aa6;box-shadow:0 0 0 4px #046d5a14}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:55px}.password-toggle{width:38px;height:38px;color:var(--forest);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .25s,color .25s;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.password-toggle:hover{color:var(--emerald);background:#046d5a14}.password-toggle svg{width:21px;height:21px}.login-options{justify-content:space-between;align-items:center;gap:15px;display:flex}.remember-me{color:#777;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.remember-me input{width:16px;height:16px;accent-color:var(--emerald);cursor:pointer;margin:0}.forgot-password{color:var(--emerald);font-size:12px;font-weight:600;text-decoration:none}.forgot-password:hover{color:var(--gold)}.login-error{box-sizing:border-box;color:#a43c3c;background:#b432320f;border:1px solid #b4323226;border-radius:13px;width:100%;padding:11px 14px;font-size:12px;line-height:1.8}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#046d5a,#035844);border:0;border-radius:17px;width:100%;height:54px;margin-top:2px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s;box-shadow:0 12px 28px #046d5a33}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 35px #046d5a45}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-footer{color:#888;justify-content:center;align-items:center;gap:7px;margin-top:23px;font-size:12px;display:flex}.login-footer a{color:var(--emerald);font-weight:700;text-decoration:none}.login-footer a:hover{color:var(--gold)}@media (max-width:900px){.login-page{padding-left:15px;padding-right:15px}.login-card{height:min(650px,100dvh - 145px)}.login-content,.login-visual-content{padding:40px}}@media (max-width:760px){.login-page{width:100%;height:auto;min-height:100dvh;padding:80px 12px 20px;position:relative;overflow:hidden auto}.login-card{border-radius:28px;flex-direction:column;width:100%;height:auto;min-height:0;display:flex;position:relative;overflow:hidden}.login-visual{order:1;width:100%;height:330px;min-height:330px;transition:none;position:relative;top:auto;bottom:auto;left:auto}.login-content{order:2;width:100%;height:auto;min-height:500px;padding:38px 25px;transition:none;position:relative;top:auto;bottom:auto;right:auto;overflow:visible}.login-page.is-swapped .login-visual{order:2;left:auto}.login-page.is-swapped .login-content{order:1;right:auto}.login-visual-content{padding:32px 25px}.login-visual-content h2{font-size:30px}.login-header h1{font-size:36px}}@media (max-width:480px){.login-page{padding:75px 8px 15px}.login-card{border-radius:23px}.login-visual{height:290px;min-height:290px}.login-visual-content{padding:25px 20px}.login-visual-content h2{font-size:27px}.login-visual-content p{font-size:12px;line-height:1.8}.login-content{padding:30px 20px}.login-header h1{font-size:32px}.login-field input{height:50px}}@media (max-height:700px) and (min-width:761px){.login-page{padding-top:75px;padding-bottom:10px}.login-card{border-radius:30px;height:calc(100dvh - 140px);min-height:500px}.login-content{padding:30px 45px}.login-header{margin-bottom:18px}.login-form{gap:12px}.login-field input{height:45px}.login-submit{height:47px}.login-footer{margin-top:12px}.login-visual-content{padding:32px}}