.login-form-module__YEcx4a__page{--navy:#0b2048;--gold:#f2c75a;--quiet:#687184;min-height:100svh;color:var(--navy);background:#f7f8fa;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);font-family:Avenir Next,Noto Sans TC,PingFang TC,system-ui,sans-serif;display:grid}html:has(.login-form-module__YEcx4a__page){scrollbar-gutter:auto}.login-form-module__YEcx4a__page :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #c69014}.login-form-module__YEcx4a__brand{color:#fff;background:var(--navy);flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(20px,4svh,40px);padding:clamp(28px,5svh,56px) clamp(32px,5vw,88px);display:flex}.login-form-module__YEcx4a__wordmark{color:#fff;letter-spacing:.17em;align-items:center;gap:12px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.login-form-module__YEcx4a__wordmark>span{background:var(--gold);width:40px;height:40px;color:var(--navy);letter-spacing:0;place-items:center;font:italic 700 28px Georgia,serif;display:grid}.login-form-module__YEcx4a__brandCopy h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.7vw,56px);font-weight:650;line-height:1.3}.login-form-module__YEcx4a__brandCopy p{color:#bdc9df;margin:16px 0 0;font-size:15px;line-height:1.6}.login-form-module__YEcx4a__illustration{width:min(100%,360px);padding:8px 30px 12px 4px;position:relative}.login-form-module__YEcx4a__register{background:#172f55;border:1px solid #465a7a;border-radius:16px;padding:20px 24px;transform:rotate(-4deg)}.login-form-module__YEcx4a__registerTitle{color:#f5d67f;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.login-form-module__YEcx4a__registerRow{border-top:1px solid #31496a;align-items:center;gap:14px;padding:9px 0;display:flex}.login-form-module__YEcx4a__registerRow>svg{color:#c2d4c6;margin-left:auto}.login-form-module__YEcx4a__avatar{background:#405776;border-radius:50%;width:22px;height:22px}.login-form-module__YEcx4a__registerRow i{background:#526986;border-radius:4px;width:43%;height:5px}.login-form-module__YEcx4a__registerRow:nth-child(3) i{width:32%}.login-form-module__YEcx4a__bookBadge{background:var(--gold);width:60px;height:60px;color:var(--navy);border-radius:16px;place-items:center;display:grid;position:absolute;top:-8px;right:0;transform:rotate(8deg)}.login-form-module__YEcx4a__messageBadge{color:var(--navy);background:#fff;border:1px solid #dfe6ef;border-radius:14px;align-items:center;gap:14px;padding:15px 18px;display:flex;position:absolute;bottom:15px;right:3px;box-shadow:0 8px 24px #071d4920}.login-form-module__YEcx4a__brandCaption{color:#bdc9df;letter-spacing:.03em;margin:-8px 0 0;font-size:12px}.login-form-module__YEcx4a__panel{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-width:0;padding:72px 36px 32px;display:flex;position:relative}.login-form-module__YEcx4a__locale{z-index:1;min-width:70px;min-height:44px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex;position:absolute;top:24px;right:28px}.login-form-module__YEcx4a__card{width:min(100%,380px)}.login-form-module__YEcx4a__heading{align-items:center;gap:14px;margin-bottom:28px;display:flex}.login-form-module__YEcx4a__lock{background:#fff1c7;border:1px solid #e5c469;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.login-form-module__YEcx4a__lock svg{width:24px;height:24px}.login-form-module__YEcx4a__heading h2{letter-spacing:-.035em;margin:0;font-size:27px;font-weight:700;line-height:1.25}.login-form-module__YEcx4a__heading p{color:var(--quiet);margin:5px 0 0;font-size:14px}.login-form-module__YEcx4a__google,.login-form-module__YEcx4a__submit{cursor:pointer;border:1px solid #ced5df;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.login-form-module__YEcx4a__google{color:var(--navy);background:#fff}.login-form-module__YEcx4a__google>svg{flex-shrink:0;width:20px;height:20px}.login-form-module__YEcx4a__google:disabled{cursor:wait;opacity:.65}.login-form-module__YEcx4a__divider{color:var(--quiet);align-items:center;gap:14px;margin:22px 0;font-size:13px;display:flex}.login-form-module__YEcx4a__divider:before,.login-form-module__YEcx4a__divider:after{content:"";background:#dce1e8;flex:1;height:1px}.login-form-module__YEcx4a__card form{gap:14px;display:grid}.login-form-module__YEcx4a__switchMode{color:#5f6470;text-align:center;margin:0;font-size:14px}.login-form-module__YEcx4a__switchMode a{color:var(--navy);text-underline-offset:3px;font-weight:800;text-decoration:underline}.login-form-module__YEcx4a__card label{gap:8px;font-size:14px;font-weight:600;display:grid}.login-form-module__YEcx4a__card input{width:100%;min-height:50px;color:var(--navy);background:#fff;border:1px solid #ced5df;border-radius:10px;padding:12px 15px;font-size:16px;font-weight:400}.login-form-module__YEcx4a__card input::placeholder{color:#798293;opacity:1}.login-form-module__YEcx4a__submit{color:#fff;background:var(--navy);border-color:var(--navy)}.login-form-module__YEcx4a__submit>svg:last-child{margin-left:auto}.login-form-module__YEcx4a__submit>svg:first-child{margin-right:auto}.login-form-module__YEcx4a__pricing{min-height:44px;color:var(--navy);justify-content:center;align-items:center;gap:9px;margin-top:12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.login-form-module__YEcx4a__footer{text-align:center;width:min(100%,380px);color:var(--quiet);border-top:1px solid #dce1e8;padding-top:16px}.login-form-module__YEcx4a__footer nav{justify-content:center;gap:22px;display:flex}.login-form-module__YEcx4a__footer a{min-height:36px;color:inherit;align-items:center;font-size:12px;text-decoration:none;display:inline-flex}.login-form-module__YEcx4a__footer small{font-size:11px;line-height:1.6;display:block}.login-form-module__YEcx4a__message{color:#264b7f;overflow-wrap:anywhere;background:#eef3fb;border:1px solid #c6d3e9;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.6}@media (hover:hover){.login-form-module__YEcx4a__google:hover,.login-form-module__YEcx4a__locale:hover{background:#f0f3f8;border-color:#8d9bb2}.login-form-module__YEcx4a__submit:hover{background:#203b69}.login-form-module__YEcx4a__pricing:hover,.login-form-module__YEcx4a__footer a:hover{text-underline-offset:4px;text-decoration:underline}}@media (min-width:901px) and (max-height:740px){.login-form-module__YEcx4a__brand{gap:22px;padding-block:28px}.login-form-module__YEcx4a__brandCopy h1{font-size:clamp(32px,3.3vw,46px)}.login-form-module__YEcx4a__illustration{width:min(100%,300px)}.login-form-module__YEcx4a__register{padding:14px 20px}.login-form-module__YEcx4a__registerTitle{margin-bottom:10px}.login-form-module__YEcx4a__registerRow{padding-block:6px}.login-form-module__YEcx4a__panel{gap:14px;padding-block:64px 20px}.login-form-module__YEcx4a__heading{margin-bottom:22px}.login-form-module__YEcx4a__divider{margin-block:18px}.login-form-module__YEcx4a__footer{padding-top:10px}}@media (max-width:900px){.login-form-module__YEcx4a__page{padding:0 20px max(24px, env(safe-area-inset-bottom));background:#f7f8fa;flex-direction:column;align-items:center;display:flex}.login-form-module__YEcx4a__brand{width:min(100%,420px);padding:max(24px, env(safe-area-inset-top)) 4px 24px;color:var(--navy);background:0 0;gap:26px}.login-form-module__YEcx4a__wordmark{color:var(--navy);gap:9px;font-size:16px}.login-form-module__YEcx4a__wordmark>span{width:34px;height:34px;font-size:24px}.login-form-module__YEcx4a__brandCopy h1{letter-spacing:-.04em;font-size:28px;line-height:1.25}.login-form-module__YEcx4a__brandCopy{max-width:290px}.login-form-module__YEcx4a__brandCopy p{color:var(--quiet);margin-top:10px;font-size:13px}.login-form-module__YEcx4a__illustration,.login-form-module__YEcx4a__brandCaption{display:none}.login-form-module__YEcx4a__locale{top:max(19px, env(safe-area-inset-top));min-width:60px;right:max(24px,50% - 210px)}.login-form-module__YEcx4a__panel{gap:18px;width:min(100%,420px);padding:0}.login-form-module__YEcx4a__card{background:#fff;border:1px solid #e0e5ed;border-radius:20px;width:100%;padding:26px 24px 18px;box-shadow:0 8px 24px #0b204805}.login-form-module__YEcx4a__heading{gap:12px;margin-bottom:24px}.login-form-module__YEcx4a__heading h2{font-size:22px}.login-form-module__YEcx4a__heading p{font-size:13px}.login-form-module__YEcx4a__lock{border-radius:12px;width:40px;height:40px}.login-form-module__YEcx4a__lock svg{width:21px;height:21px}.login-form-module__YEcx4a__divider{margin-block:18px}.login-form-module__YEcx4a__pricing{margin-top:10px}.login-form-module__YEcx4a__footer{border:0;width:100%;padding-top:0}.login-form-module__YEcx4a__footer a{min-height:44px}}@media (max-width:380px){.login-form-module__YEcx4a__page{padding-inline:16px}.login-form-module__YEcx4a__card{padding-inline:18px}.login-form-module__YEcx4a__brandCopy h1{font-size:25px}.login-form-module__YEcx4a__heading h2{font-size:20px}}@media (max-width:900px) and (max-height:740px){.login-form-module__YEcx4a__brand{gap:18px;padding-top:16px;padding-bottom:18px}.login-form-module__YEcx4a__locale{top:12px}.login-form-module__YEcx4a__brandCopy h1{font-size:24px}.login-form-module__YEcx4a__brandCopy p{margin-top:6px}.login-form-module__YEcx4a__card{padding-top:20px;padding-bottom:12px}.login-form-module__YEcx4a__heading{margin-bottom:18px}.login-form-module__YEcx4a__panel{gap:6px}.login-form-module__YEcx4a__page{padding-bottom:max(16px, env(safe-area-inset-bottom))}}