.login{--canvas:#eef1f7;--paper:#fff;--ink:#1a1b4b;--ink-soft:#292b52;--graphite:#6b6f86;--primary:#024ad8;--primary-bright:#296ef9;--primary-deep:#0e3191;--hairline:#e8eaf1;--hairline-strong:#d3d8e6;--cloud:#f4f6fb;--danger:#b3262b;--danger-soft:#fbe9ea;--r-sm:6px;--r-md:9px;background:var(--canvas);width:100vw;height:100vh;color:var(--ink);grid-template-columns:1.05fr 1fr;font-family:Inter,Sarabun,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}@media (max-width:880px){.login{grid-template-columns:1fr}.login-brand{display:none!important}}.login-brand{background:var(--ink);color:#fff;isolation:isolate;flex-direction:column;justify-content:space-between;padding:40px 48px;display:flex;position:relative;overflow:hidden}.lb-grid{z-index:-2;background-image:linear-gradient(#296ef91a 1px,#0000 1px),linear-gradient(90deg,#296ef91a 1px,#0000 1px);background-size:34px 34px;animation:32s linear infinite lbDrift;position:absolute;inset:-10%}@keyframes lbDrift{0%{transform:translate(0)}to{transform:translate(34px,34px)}}.lb-chevron{background:linear-gradient(160deg, var(--primary-bright), var(--primary-deep));clip-path:polygon(0 0,62% 0,100% 100%,38% 100%);opacity:.14;z-index:-2;width:460px;height:560px;animation:9s ease-in-out infinite lbBreath;position:absolute;bottom:-60px;right:-80px;transform:rotate(-4deg)}@keyframes lbBreath{0%,to{opacity:.1;transform:rotate(-4deg)translateY(0)}50%{opacity:.18;transform:rotate(-4deg)translateY(-14px)}}.lb-scan{z-index:-1;background:linear-gradient(90deg,#0000,#6da3ffa6,#0000);height:2px;animation:6.5s ease-in-out infinite lbScan;position:absolute;left:0;right:0;box-shadow:0 0 16px #296ef999}@keyframes lbScan{0%{opacity:0;top:-4%}12%{opacity:1}88%{opacity:1}to{opacity:0;top:104%}}.lb-float{color:#ffffff1a;z-index:-1;animation:14s ease-in-out infinite lbFloat;position:absolute}.lb-float.f1{animation-delay:0s;top:22%;left:12%}.lb-float.f2{animation-delay:-4s;top:54%;left:60%}.lb-float.f3{animation-delay:-8s;top:74%;left:22%}@keyframes lbFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-22px)rotate(3deg)}}.lb-top{align-items:center;display:flex}.lb-logo{border-radius:12px;width:auto;height:54px;display:block}.lb-center{max-width:460px}.lb-kicker{letter-spacing:1.2px;text-transform:uppercase;color:var(--primary-bright);margin-bottom:18px;font-size:12px;font-weight:600}.lb-head{letter-spacing:-.02em;text-wrap:balance;color:#fff;margin:0;font-size:38px;font-weight:700;line-height:1.2}.lb-head .em{color:#f2a93b}.lb-desc{color:#ffffffa8;max-width:400px;margin-top:18px;font-size:15px;line-height:1.55}.lb-points{flex-direction:column;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:flex}.lb-points li{color:#ffffffd1;align-items:center;gap:10px;font-size:14px;display:flex}.lb-points svg{color:var(--primary-bright);flex-shrink:0}.lb-foot{color:#fff6;gap:18px;font-size:12px;display:flex}.login-form{background:var(--canvas);justify-content:center;align-items:center;padding:40px 32px;display:flex;overflow-y:auto}.lf-card{width:100%;max-width:380px}.lf-mobile-brand{justify-content:center;align-items:center;margin-bottom:28px;display:none}@media (max-width:880px){.lf-mobile-brand{display:flex}}.lf-mobile-logo{border-radius:12px;width:auto;height:56px}.lf-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:24px;font-weight:700;line-height:1.3}.lf-sub{color:var(--graphite);margin-top:6px;font-size:14px}.lf-form{flex-direction:column;gap:16px;margin-top:28px;display:flex}.lf-field{flex-direction:column;gap:6px;display:flex}.lf-label-row{justify-content:space-between;align-items:baseline;display:flex}.lf-label{color:var(--ink-soft);font-size:12.5px;font-weight:600}.lf-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600}.lf-link:hover{text-decoration:underline}.lf-input-wrap{border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--paper);align-items:center;height:46px;padding:0 6px 0 12px;transition:border-color .14s,box-shadow .14s;display:flex}.lf-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #024ad824}.lf-input-wrap .lead{color:var(--graphite);place-items:center;margin-right:8px;display:grid}.lf-input-wrap input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-family:inherit;font-size:16px}.lf-eye{width:32px;height:32px;color:var(--graphite);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.lf-eye:hover{background:var(--cloud);color:var(--ink)}.lf-check{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.lf-box{border:1px solid var(--hairline-strong);border-radius:var(--r-sm);background:var(--paper);color:#fff;flex-shrink:0;place-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:grid}.lf-box svg{opacity:0;transition:opacity .12s,transform .12s;transform:scale(.6)}.lf-check.on .lf-box{background:var(--primary);border-color:var(--primary)}.lf-check.on .lf-box svg{opacity:1;transform:scale(1)}.lf-submit{background:var(--primary);color:#fff;border-radius:var(--r-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;transition:background .14s,transform 80ms;display:inline-flex}.lf-submit:hover{background:var(--primary-deep)}.lf-submit:active{transform:translateY(1px)}.lf-submit:disabled{opacity:.7;pointer-events:none}.lf-submit .arrow{transition:transform .16s;display:inline-flex}.lf-submit:hover .arrow{transform:translate(3px)}.lf-submit .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite lfSpin}@keyframes lfSpin{to{transform:rotate(360deg)}}.lf-foot{color:var(--graphite);text-align:center;margin-top:26px;font-size:13px}.lf-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-md);align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:500;display:none}.lf-error.show{animation:.4s lfShake;display:flex}.lf-error svg{flex-shrink:0}@keyframes lfShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes lfUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login .anim{opacity:0;animation:.6s cubic-bezier(.22,.61,.36,1) forwards lfUp}.login .d1{animation-delay:50ms}.login .d2{animation-delay:.13s}.login .d3{animation-delay:.21s}.login .d4{animation-delay:.29s}.login .d5{animation-delay:.37s}.login .d6{animation-delay:.45s}.login .d7{animation-delay:.53s}@media (prefers-reduced-motion:reduce){.login .anim{opacity:1;animation:none}.lb-grid,.lb-chevron,.lb-scan,.lb-float,.lf-submit .arrow{animation:none}}