*{box-sizing:border-box} :root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#091d36;background:#fcfcfb;font-synthesis:none} body{margin:0}button,input{font:inherit}button{cursor:pointer} .login-layout{display:grid;grid-template-columns:56.5% 43.5%;min-height:100svh}.brand-panel{position:relative;overflow:hidden;background:#eee4d6 url('/images/login-background.png') center / cover no-repeat;min-height:760px}.brand-content{position:relative;z-index:2;padding:52px 8.5%}.brand-logo{display:block;width:190px;height:auto}.brand-caption{display:block;color:#626b70;font-size:16px;letter-spacing:1px;margin:8px 0 54px 5px}.brand-content h1{font-size:clamp(40px,4.1vw,66px);line-height:1.06;letter-spacing:-2.6px;margin:0 0 24px;font-weight:650}.brand-content h1 span{color:#ae6038}.brand-content p{font-size:clamp(20px,2vw,30px);line-height:1.35;color:#61676c;margin:0}.form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 7%;background:radial-gradient(ellipse at center,#fff 35%,#f9faf9)}.login-card{width:100%;max-width:520px;padding:48px 38px 32px;border:1px solid #ecece9;border-radius:18px;background:#ffffffee;box-shadow:0 12px 45px #15294009}.login-card h2{font-size:clamp(26px,2.7vw,42px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 12px;font-weight:700}.login-card header p{font-size:20px;line-height:1.45;color:#778092;margin:0 0 34px}form>label{display:block;font-size:15px;font-weight:600;margin:0 0 10px}.input-wrap{position:relative;display:flex;align-items:center;margin-bottom:24px}.input-wrap>svg{position:absolute;left:16px;width:21px;height:21px;color:#7c8798;pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.input-wrap input{width:100%;height:56px;border:1px solid #cfd4de;border-radius:9px;padding:0 48px;color:#102b45;background:#fff;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:#929aab}.input-wrap input:focus{outline:none;border-color:#174974;box-shadow:0 0 0 3px #13477716}.password-toggle{position:absolute;right:7px;display:grid;place-items:center;border:0;background:none;color:#728097;width:40px;height:40px;border-radius:6px}.password-toggle[hidden]{display:none}.password-toggle svg{width:22px;height:22px}.password-toggle:hover{background:#edf1f4}.form-options{margin:0 0 30px}.remember{display:flex;gap:10px;align-items:center;color:#414c5c;font-size:14px;cursor:pointer;width:fit-content}.remember input{width:19px;height:19px;margin:0;accent-color:#103b66}.submit-button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:58px;border:0;border-radius:9px;background:#103b66;color:white;font-size:19px;font-weight:600;box-shadow:0 4px 10px #103b6610;transition:background .15s,transform .15s}.submit-button svg{height:23px;width:23px}.submit-button:hover{background:#092d50}.submit-button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #b26036;outline-offset:4px}.login-card footer{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding-top:25px;border-top:1px solid #eceef0;color:#7c8798;font-size:13px;line-height:1.5}.login-card footer svg{height:19px;width:19px}.panel-caption{color:#8b9198;font-size:12px;letter-spacing:.5px;margin:26px 0 0}.error-message{padding:13px 15px;background:#fff2ec;border:1px solid #e9c6b5;border-radius:8px;color:#8a402a;font-size:14px;line-height:1.5;margin-bottom:23px}.mobile-brand{display:none}@media(min-width:1600px){.brand-content{padding-top:65px}.brand-caption{margin-bottom:45px}.login-card{padding:55px 42px 36px}}@media(max-width:1050px){.login-layout{grid-template-columns:48% 52%}.brand-content{padding:40px 8%}.brand-logo{width:190px}.brand-content h1{font-size:44px;letter-spacing:-1.8px}.brand-caption{margin-bottom:48px}.form-panel{padding:40px 7%}.login-card{padding:35px 27px}.login-card header p{font-size:17px}}@media(max-width:720px){.login-layout{display:block;min-height:100svh}.brand-panel{display:none}.form-panel{min-height:100svh;padding:30px 20px;background:linear-gradient(180deg,rgba(248,244,236,.82) 0%,rgba(248,244,236,.35) 45%,rgba(248,244,236,.08) 100%),url('/images/login-background.png') center bottom / cover no-repeat}.form-panel .login-card{background:#fff;box-shadow:0 16px 48px #092f5226}.panel-caption{color:#102f49;background:#ffffffdc;padding:7px 12px;border-radius:20px}.mobile-brand{display:flex;align-items:center;flex-direction:column;gap:8px;margin:0 0 30px}.mobile-brand img{width:155px;height:auto}.mobile-brand span{font-size:12px;letter-spacing:1px;color:#737b7c}.login-card{max-width:440px;padding:32px 26px 27px}.login-card h2{font-size:29px;letter-spacing:-.8px}.login-card header p{font-size:17px;margin-bottom:28px}.login-card footer{font-size:12px}.panel-caption{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}