.member-login-page{min-height:100vh;background:radial-gradient(ellipse at 10% 15%,#dce3ee,transparent 48%),#f6f7fa}.login-shell{max-width:1160px;margin:auto;padding:30px 36px}.login-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.login-top .brand strong{font-size:16px}.login-top>a:last-child{font-size:12px;color:var(--muted)}.login-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dde3ec;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 25px 80px #17263e12;min-height:630px}.login-form-area{padding:48px;align-self:center}.login-form-area h1{font-size:31px;letter-spacing:-1px;margin:14px 0 8px;line-height:1.7}.login-intro{font-size:13px;color:var(--muted);margin-bottom:28px}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.login-input{width:100%;height:52px;border:1px solid #d7deea;border-radius:10px;padding:12px 14px;background:#fafbfd;color:var(--ink);font-size:16px;direction:ltr;text-align:right}.login-input:focus{background:#fff;border-color:#637b9d}.password-wrap{position:relative}.password-wrap .login-input{padding-left:82px}.password-toggle{position:absolute;left:8px;top:8px;height:36px;padding:0 10px;border:0;background:#edf1f6;color:#304664;border-radius:7px;font-size:11px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin:8px 0 23px}.login-options a{text-decoration:underline;text-underline-offset:4px}.login-options input{accent-color:#253b5a;margin:0 0 0 7px;vertical-align:middle}.login-submit{width:100%;min-height:51px;border:0;border-radius:10px;background:#253b5a;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 0 #17263e0d}.login-submit:hover{background:#192d48}.login-error:not(:empty){display:block;background:#fff0ed;color:#953b2c;border:1px solid #ebc5bd;border-radius:9px;padding:12px 14px;font-size:12px;margin:18px 0;line-height:2}.login-error:empty{display:none}.login-help{margin-top:23px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.login-help a{text-decoration:underline}.login-story{background:linear-gradient(150deg,#17263e,#304a6a);color:#fff;padding:48px 42px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login-story:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #ffffff18;border-radius:50%;top:180px;left:-150px;pointer-events:none}.login-story .eyebrow{color:#dbc4b5}.login-story h2{font-size:33px;margin:16px 0 13px;line-height:1.9}.login-story p{font-size:13px;color:#c6d2e2;line-height:2.4}.login-art{display:flex;align-items:flex-end;justify-content:center;gap:14px;height:175px;transform:perspective(700px) rotateY(-12deg);margin:20px 0}.login-art i{height:115px;width:68px;background:repeating-linear-gradient(0deg,transparent 0 19px,#d6dce6 19px 27px),repeating-linear-gradient(90deg,#d6dce6 0 10px,#74839a 10px 25px,#d6dce6 25px 34px);box-shadow:12px -6px #aeb9ca}.login-art i:nth-child(2){height:170px}.login-art i:nth-child(3){height:140px}.login-benefits{display:flex;flex-wrap:wrap;gap:10px}.login-benefits span{padding:6px 12px;border:1px solid #ffffff24;border-radius:25px;font-size:11px;color:#e2e8f1}.login-bottom{font-size:11px;color:var(--muted);text-align:center;margin-top:25px}.login-recovery{padding-top:18px}.login-recovery .login-submit{margin-top:12px}@media(max-width:800px){.login-shell{padding:22px}.login-top{margin-bottom:25px}.login-layout{grid-template-columns:1fr;max-width:540px;margin:auto;min-height:0}.login-form-area{padding:32px}.login-story{display:none}.login-top .brand strong{font-size:13px}.login-top .brand small{font-size:9px}.login-top>a:last-child{font-size:10px}}@media(max-width:400px){.login-shell{padding:18px 14px}.login-form-area{padding:26px 22px}.login-form-area h1{font-size:27px}.login-options{gap:8px;font-size:10px}}
.remember-option{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.remember-option input{margin:0}.remember-option label{margin:0}
