.login-page{color:#edf5ff;background:#091322;grid-template-columns:minmax(430px,42%) 1fr;min-height:100vh;font-family:Leelawadee UI,Noto Sans Thai,Tahoma,sans-serif;display:grid;max-width:none!important;margin:0!important;padding:0!important}.login-panel{z-index:2;background:#0d1929;flex-direction:column;justify-content:center;min-height:100vh;padding:42px clamp(38px,6vw,92px);display:flex;position:relative}.login-brand{align-items:center;gap:12px;display:flex;position:absolute;top:34px;left:clamp(38px,6vw,92px)}.login-mark{color:#19395e;letter-spacing:-2px;background:#f5f8fb;border-radius:12px;place-items:center;width:48px;height:48px;font:800 19px Georgia;display:grid;box-shadow:0 10px 30px #0004}.login-mark span{color:#e7ad32}.login-brand>b,.login-brand div>b{letter-spacing:1px;display:block}.login-brand small{color:#7890aa;margin-top:3px;font-size:10px;display:block}.login-copy{max-width:430px}.login-kicker{color:#47cda6;letter-spacing:1.6px;font-size:10px;font-weight:800}.login-copy h1{color:#fff;margin:14px 0 16px;font-size:42px;line-height:1}.login-copy p{color:#91a5ba;margin:0;font-size:13px;line-height:1.8}.login-security{background:#111f31;border:1px solid #2a4058;border-radius:10px;align-items:center;gap:11px;max-width:430px;margin:30px 0 14px;padding:13px 15px;display:flex}.login-security>span{color:#55dab2;background:#143d35;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.login-security b,.login-security small{display:block}.login-security b{font-size:11px}.login-security small{color:#7890a7;margin-top:3px;font-size:9px}.login-button{color:#fff;background:linear-gradient(135deg,#2874d7,#315fc1);border-radius:9px;justify-content:center;align-items:center;gap:12px;max-width:430px;height:48px;font-size:13px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 12px 30px #1b5dbb44}.login-button:hover{filter:brightness(1.08)}.login-button span{font-size:19px}.login-help{text-align:center;color:#71879e;max-width:430px;margin:14px 0;font-size:9px}.login-back{color:#7f9cba;align-self:flex-start;font-size:10px;text-decoration:none}.login-visual{background:radial-gradient(circle at 75% 25%,#1d5c6466,#0000 32%),radial-gradient(circle at 30% 78%,#1d4c8266,#0000 30%),linear-gradient(140deg,#0c2135,#09121f 70%);position:relative;overflow:hidden}.visual-grid{background-image:linear-gradient(#5ba3bb12 1px,#0000 1px),linear-gradient(90deg,#5ba3bb12 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.visual-content{max-width:560px;position:absolute;top:50%;left:11%;transform:translateY(-50%)}.visual-content>span{letter-spacing:2px;color:#47cda6;font-size:10px;font-weight:800}.visual-content h2{color:#eaf4ff;letter-spacing:-2px;margin:20px 0;font-size:clamp(42px,5vw,72px);line-height:1.08}.visual-content>p{color:#8ea6bc;max-width:470px;font-size:13px;line-height:1.8}.visual-stats{gap:12px;margin-top:32px;display:flex}.visual-stats div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10243a99;border:1px solid #2c4760;border-radius:11px;min-width:175px;padding:15px}.visual-stats b,.visual-stats small{display:block}.visual-stats b{color:#65ddba;font-size:13px}.visual-stats small{color:#7e96ad;margin-top:4px;font-size:9px}@media (max-width:850px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:110px 28px 40px}.login-brand{left:28px}.login-copy h1{font-size:36px}.login-security,.login-button,.login-copy{max-width:none}}.login-logo{object-fit:cover;border:2px solid #d6e0eb;border-radius:50%;padding:0;display:block;box-shadow:0 8px 24px #0006}.account-form{gap:13px;width:100%;max-width:430px;margin-top:25px;display:grid}.account-form label{color:#a9bbcd;gap:6px;font-size:11px;font-weight:700;display:grid}.account-form input{color:#f3f8ff;background:#111f31;border:1px solid #2a4058;border-radius:9px;outline:none;height:44px;padding:0 13px;font-size:13px}.account-form input:focus{border-color:#44c9a4;box-shadow:0 0 0 3px #44c9a420}.account-form input::placeholder{color:#587087}.form-submit{border:0;max-width:none;margin-top:4px}.form-submit:disabled{opacity:.65;cursor:wait}.form-message{color:#ffb7c0;background:#4e2028;border-radius:8px;padding:10px 12px;font-size:10px}.form-message.success{color:#7ce0bf;background:#123b31}.account-links{justify-content:space-between;width:100%;max-width:430px;margin-top:14px;display:flex}.account-links button{color:#6fa7e9;background:0 0;border:0;padding:4px 0;font-size:10px}.recovery-card{max-width:430px}.recovery-card h1{color:#fff;margin:12px 0;font-size:34px}.recovery-card p{color:#91a5ba;font-size:12px;line-height:1.7}.recovery-card strong{color:#8bf0d1;text-align:center;letter-spacing:1px;background:#102a29;border:1px dashed #55d5b1;border-radius:10px;margin:22px 0 10px;padding:17px;font:800 19px monospace;display:block}.recovery-card button,.recovery-card a{border-radius:8px;justify-content:center;align-items:center;height:42px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.recovery-card button{color:#c8d7e6;background:#13263a;border:1px solid #35516b;width:100%}.recovery-card a{color:#fff;background:#2d6dcc;margin-top:10px}.login-panel{justify-content:center;align-items:center;padding-top:28px;padding-bottom:28px}.login-brand{align-self:center;position:static}.login-copy{text-align:center;margin-top:38px}.recovery-panel{justify-content:center}.recovery-panel .login-brand{position:absolute}.forgot-card ol{color:#c8d7e6;margin:18px 0 22px;padding-left:24px;font-size:13px;line-height:1.9}.forgot-card li::marker{color:#55d5b1;font-weight:800}.reset-request-form{margin:18px 0 12px}.forgot-card .forgot-back{background:0 0}.login-page{grid-template-columns:1fr!important}.login-panel{background:radial-gradient(circle at 50% 15%,#15334c55,#0000 36%),#0d1929;width:100%}.login-visual{display:none!important}@media (max-height:720px){.login-copy{margin-top:30px}.account-form{gap:10px;margin-top:18px}.account-form input{height:40px}}