._3lrIIq_page{color:#102b50;width:100%;max-width:1280px;font-family:var(--font-anuphan), sans-serif}._3lrIIq_panel{background:#fff;border:1px solid #dce7f0;border-radius:28px;grid-template-columns:1fr 1fr;min-height:740px;animation:.65s cubic-bezier(.22,1,.36,1) both _3lrIIq_panel-in;display:grid;overflow:hidden;box-shadow:0 20px 65px -28px #173e6b4d}._3lrIIq_brand{color:#fff;background:#102b50;flex-direction:column;padding:44px 48px 36px;display:flex;position:relative;overflow:hidden}._3lrIIq_brandName{letter-spacing:-.6px;align-items:center;gap:14px;font-size:24px;font-weight:600;display:flex}._3lrIIq_brandAccent{color:#ffd33d}._3lrIIq_brandGuide{flex-direction:column;padding:36px 0 32px;display:flex}._3lrIIq_brandCopy{animation:.7s .12s both _3lrIIq_content-in}._3lrIIq_brandCopy h2{letter-spacing:-.6px;margin:0;font-size:clamp(30px,2.6vw,38px);font-weight:600;line-height:1.55}._3lrIIq_brandCopy h2 span{color:#ffd33d;display:block}._3lrIIq_loginMethods{margin-top:30px}._3lrIIq_loginMethods h3{margin:0 0 22px;font-size:17px;font-weight:500;line-height:1.6;animation:.65s .22s both _3lrIIq_content-in}._3lrIIq_methodList{margin:0;padding:0;list-style:none}._3lrIIq_methodList li{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:16px;animation:.65s .3s both _3lrIIq_content-in;display:grid}._3lrIIq_methodList li+li{border-top:1px solid #bed0e526;margin-top:24px;padding-top:24px;animation-delay:.4s}._3lrIIq_methodIcon{color:#ffd33d;background:#ffd33d0a;border:1px solid #ffd33d33;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}._3lrIIq_googleIcon{background:#fff;border-color:#ffffff26}._3lrIIq_methodList p{color:#f4f8ff;margin:0;font-size:16px;line-height:1.7}._3lrIIq_methodList strong{font-weight:550}._3lrIIq_methodList p span{color:#bed0e5;margin-top:6px;font-size:14px;line-height:1.85;display:block}._3lrIIq_university{letter-spacing:3px;color:#aac2dc;margin:auto 0 0;padding-top:16px;font-size:11px;line-height:1.7}._3lrIIq_university:before{content:"";background:#aac2dc;width:32px;height:1px;margin-bottom:15px;display:block}._3lrIIq_formSide{align-items:center;padding:44px 48px;display:flex}._3lrIIq_formContent{width:100%;max-width:460px;margin:auto}._3lrIIq_backLink{color:#305e93;align-items:center;gap:9px;font-size:14px;transition:color .18s,gap .18s;display:inline-flex}._3lrIIq_backLink:hover{color:#102b50;gap:13px}._3lrIIq_heading{margin:32px 0;animation:.65s .16s both _3lrIIq_content-in}._3lrIIq_heading h1{letter-spacing:-.8px;margin:0;font-size:36px;font-weight:650;line-height:1.5}._3lrIIq_heading p{color:#6b7a90;margin:8px 0 0;font-size:15px;line-height:1.8}._3lrIIq_form{flex-direction:column;gap:22px;margin-top:32px;display:flex}._3lrIIq_form>*{animation:.6s both _3lrIIq_content-in}._3lrIIq_form>:first-child{animation-delay:.22s}._3lrIIq_form>:nth-child(2){animation-delay:.28s}._3lrIIq_form>:nth-child(3){animation-delay:.34s}._3lrIIq_form>:nth-child(n+4){animation-delay:.4s}._3lrIIq_field label{margin-bottom:9px;font-size:14px;font-weight:550;display:block}._3lrIIq_inputWrap{color:#738299;border:1px solid #cbd5e1;border-radius:9px;align-items:center;min-height:52px;padding-left:15px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}._3lrIIq_inputWrap:focus-within{background:#fbfdff;border-color:#3978bc;box-shadow:0 0 0 4px #3978bc14}._3lrIIq_inputWrap>svg{flex-shrink:0}._3lrIIq_inputWrap input{color:#102b50;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:15px 12px;font-family:inherit;font-size:14px;line-height:1.5}._3lrIIq_inputWrap input::placeholder{color:#8b98ab}._3lrIIq_inputWrap:has(input[aria-invalid=true]){border-color:#d88787}._3lrIIq_passwordToggle{color:#738299;border-radius:7px;flex-shrink:0;place-items:center;width:46px;height:48px;transition:color .18s,background .18s;display:grid}._3lrIIq_passwordToggle:hover{color:#102b50;background:#edf4fa}._3lrIIq_submit,._3lrIIq_google{border-radius:9px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:52px;padding:13px 12px;font-family:inherit;font-size:15px;font-weight:550;line-height:1.6;transition:background .18s,box-shadow .18s,transform .18s;display:flex}._3lrIIq_submit{color:#233e60;background:#f8fafc;border:1px solid #cbd5e1;margin-top:3px}._3lrIIq_submit:hover:not(:disabled){background:#edf3f9;border-color:#7a9abb;transform:translateY(-1px)}._3lrIIq_submit>svg{transition:transform .18s}._3lrIIq_submit:hover:not(:disabled)>svg{transform:translate(3px)}._3lrIIq_submit:active:not(:disabled),._3lrIIq_google:active:not(:disabled){transform:translateY(0)}._3lrIIq_submit:disabled,._3lrIIq_google:disabled{cursor:wait;opacity:.6}._3lrIIq_divider{color:#7c8a9d;align-items:center;gap:16px;font-size:13px;display:flex}._3lrIIq_divider:before,._3lrIIq_divider:after{content:"";background:#dbe3ed;flex:1;height:1px}._3lrIIq_google{color:#fff;background:#174779;border:1px solid #174779;min-height:66px;padding:14px 18px;font-size:17px;font-weight:600;box-shadow:0 7px 20px #17477926}._3lrIIq_google:hover:not(:disabled){background:#10375f;border-color:#10375f;transform:translateY(-2px);box-shadow:0 10px 25px #17477938}._3lrIIq_googleMark{background:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}._3lrIIq_google>svg{flex-shrink:0}._3lrIIq_googleNote{text-align:center;color:#738299;margin:9px 0 0;font-size:12px;line-height:1.8}._3lrIIq_register{text-align:center;color:#6b7a90;margin:13px 0 0;font-size:14px}._3lrIIq_register a{color:#1c59a0;align-items:center;gap:4px;font-weight:550;display:inline-flex}._3lrIIq_register a:hover{text-underline-offset:4px;text-decoration:underline}._3lrIIq_supportContact{color:#6b7a90;text-align:center;border-top:1px solid #dbe3ed;margin:28px 0 0;padding-top:20px;font-size:12px;line-height:1.9}._3lrIIq_supportContact span{display:block}._3lrIIq_supportContact a{color:#1c59a0;text-underline-offset:4px;overflow-wrap:anywhere;margin-top:4px;font-size:14px;text-decoration:underline;display:inline-block}._3lrIIq_supportContact a:hover{color:#102b50}._3lrIIq_page a:focus-visible,._3lrIIq_page button:focus-visible{outline-offset:4px;border-radius:5px;outline:3px solid #4e97e0}._3lrIIq_error{color:#a33333;background:#fff3f3;border:1px solid #f0c9c9;border-radius:9px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:13px;line-height:1.8;display:flex}._3lrIIq_error svg{flex-shrink:0;margin-top:2px}._3lrIIq_spinner{animation:1s linear infinite _3lrIIq_orbit-turn}@keyframes _3lrIIq_panel-in{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes _3lrIIq_content-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes _3lrIIq_orbit-turn{to{transform:rotate(360deg)}}@media (max-width:1100px){._3lrIIq_brand{padding:38px 32px 30px}._3lrIIq_formSide{padding:38px 32px}._3lrIIq_brandCopy h2{font-size:30px}._3lrIIq_heading h1{font-size:27px}}@media (max-width:767px){._3lrIIq_page{max-width:480px}._3lrIIq_panel{border-radius:22px;grid-template-columns:1fr;min-height:auto}._3lrIIq_brand{padding:26px 28px 30px}._3lrIIq_brandName{gap:10px;font-size:20px}._3lrIIq_brandName svg{width:27px;height:27px}._3lrIIq_brandGuide{padding:28px 0 0}._3lrIIq_brandCopy h2{font-size:27px;line-height:1.5}._3lrIIq_university{display:none}._3lrIIq_loginMethods{margin-top:23px}._3lrIIq_loginMethods h3{margin-bottom:18px;font-size:15px}._3lrIIq_methodList li{grid-template-columns:38px minmax(0,1fr);gap:12px}._3lrIIq_methodIcon{border-radius:11px;width:38px;height:38px}._3lrIIq_methodIcon svg{width:21px;height:21px}._3lrIIq_methodList p{font-size:14px}._3lrIIq_methodList p span{margin-top:4px;font-size:12px}._3lrIIq_methodList li+li{margin-top:20px;padding-top:20px}._3lrIIq_formSide{padding:27px 28px 32px}._3lrIIq_heading{margin:22px 0 26px}._3lrIIq_heading h1{font-size:26px}._3lrIIq_heading p{font-size:13px}._3lrIIq_form{gap:20px}._3lrIIq_google{gap:10px;padding-inline:12px;font-size:15px}._3lrIIq_register{margin-top:9px;font-size:13px}}@media (max-width:359px){._3lrIIq_brand,._3lrIIq_formSide{padding-left:20px;padding-right:20px}._3lrIIq_brandCopy h2{font-size:24px}._3lrIIq_google{gap:8px;font-size:13px}}@media (prefers-reduced-motion:reduce){._3lrIIq_page *,._3lrIIq_page :before,._3lrIIq_page :after{transition:none!important;animation:none!important}}