*{box-sizing:border-box}.swift-login-body{margin:0;min-height:100vh;color:#10253b;background:#eef4f5;font-family:"Segoe UI","Noto Sans TC",Arial,sans-serif}.swift-login-body form{min-height:100vh}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,48%) 1fr}.login-brand-panel{position:relative;overflow:hidden;padding:48px clamp(42px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:#071a2f}.login-brand-panel:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(135deg,#000,transparent 78%)}.login-brand-panel:after{content:"";position:absolute;width:520px;height:520px;right:-230px;bottom:-250px;border:1px solid rgba(32,216,194,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(32,216,194,.04),0 0 0 140px rgba(32,216,194,.03)}.login-brand-panel>*{position:relative;z-index:1}.login-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.login-brand b,.mobile-brand b{color:#20d8c2}.login-brand-mark{width:30px;height:29px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;transform:skewY(-10deg)}.login-brand-mark i{display:block;border-radius:2px;background:#20d8c2}.login-brand-mark i:nth-child(1){height:45%;opacity:.55}.login-brand-mark i:nth-child(2){height:72%;opacity:.8}.login-brand-mark i:nth-child(3){height:100%}.brand-message{max-width:570px;margin:70px 0}.brand-kicker{display:block;margin-bottom:20px;color:#20d8c2;font-size:12px;font-weight:800;letter-spacing:2px}.brand-message h1{margin:0 0 24px;font-size:clamp(38px,4vw,58px);line-height:1.22;letter-spacing:-2.6px}.brand-message h1 em{color:#20d8c2;font-style:normal}.brand-message p{max-width:520px;margin:0 0 30px;color:#b5c6d4;font-size:17px;line-height:1.8}.brand-message ul{margin:0;padding:0;display:grid;gap:13px;list-style:none;color:#d4e0e8;font-size:14px}.brand-message li:before{content:"✓";width:21px;height:21px;margin-right:10px;display:inline-grid;place-items:center;color:#071a2f;border-radius:50%;background:#20d8c2;font-size:11px;font-weight:900}.product-link{width:max-content;display:inline-flex;align-items:center;gap:11px;color:#b9cad6;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}.product-link:hover{color:#20d8c2;transform:translateX(4px)}
.login-form-panel{padding:60px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 85% 10%,rgba(32,216,194,.1),transparent 25%),#f5f8f9}.mobile-brand{display:none}.login-card{width:min(100%,460px);padding:48px;border:1px solid #dce7ea;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(6,37,57,.12)}.login-heading{margin-bottom:30px}.login-heading>span{color:#08a996;font-size:11px;font-weight:800;letter-spacing:2px}.login-heading h2{margin:8px 0 4px;color:#10253b;font-size:34px;line-height:1.3;letter-spacing:-1px}.login-heading p{margin:0;color:#738495;font-size:14px}.system-message{min-height:8px;margin-bottom:4px;color:#d13f3f;font-size:13px;line-height:1.5}.system-message span:not(:empty){display:block;margin-bottom:12px;padding:10px 12px;border:1px solid #ffd0d0;border-radius:8px;background:#fff5f5}.field-group{margin-bottom:18px}.field-group label{display:block;margin-bottom:7px;color:#2b4054;font-size:13px;font-weight:700}.modern-input{width:100%!important;height:48px!important;padding:0 14px!important;color:#10253b!important;border:1px solid #ccd9df!important;border-radius:10px!important;outline:none!important;background:#fbfdfd!important;font-size:15px!important;line-height:48px!important;transition:border .2s,box-shadow .2s,background .2s}.modern-input:focus{border-color:#12bca9!important;background:#fff!important;box-shadow:0 0 0 4px rgba(32,216,194,.13)!important}.modern-input::placeholder{color:#a4b1bb}.verification-block{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.verification-block .field-group{margin-bottom:18px}.captcha-row{height:48px;margin-bottom:18px;padding:4px 9px;display:flex;align-items:center;gap:8px;border:1px solid #ccd9df;border-radius:10px;background:#f4f8f8}.captcha-style{max-width:110px!important;object-fit:contain}.refresh-button{width:20px!important;height:20px!important;padding:2px!important;opacity:.65;transition:.2s}.refresh-button:hover{opacity:1;transform:rotate(-25deg)}.modern-login-btn{height:52px!important;width:100%!important;margin:7px 0 0!important;padding:0 20px!important;color:#071a2f!important;border:0!important;border-radius:11px!important;background:#20d8c2!important;box-shadow:0 13px 30px rgba(32,216,194,.23)!important;font-size:16px!important;font-weight:800!important;letter-spacing:.5px!important;cursor:pointer!important;transition:.2s!important}.modern-login-btn:hover{background:#4be3d1!important;transform:translateY(-2px)!important}.login-help{margin-top:20px;color:#8a99a7;text-align:center;font-size:12px}.login-footer{margin-top:26px;color:#8495a2;font-size:11px;letter-spacing:.5px}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:42px 20px}.mobile-brand{margin-bottom:28px;display:flex;align-items:center;gap:10px;color:#071a2f;font-size:23px;font-weight:800}.mobile-brand .login-brand-mark{width:26px;height:25px}.login-card{padding:38px 34px}.login-footer{margin-top:20px}}
@media(max-width:520px){.login-form-panel{padding:28px 14px}.mobile-brand{margin-bottom:20px}.login-card{padding:30px 22px;border-radius:18px}.login-heading{margin-bottom:24px}.login-heading h2{font-size:29px}.verification-block{grid-template-columns:1fr}.verification-block .field-group{margin-bottom:0}.captcha-row{width:max-content;margin-bottom:18px}.modern-input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.login-brand{padding-right:10px;background:#071a2f}
.login-btn.modern-login-btn{color:#071a2f!important;background:#20d8c2!important;box-shadow:0 13px 30px rgba(32,216,194,.23)!important}
.login-btn.modern-login-btn:hover{background:#4be3d1!important;transform:translateY(-2px)!important}
html,.swift-login-body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.swift-login-body{margin:0!important}.swift-login-body form,.login-page,.login-form-panel,.login-card{min-width:0!important;max-width:100%!important}.modern-input{min-width:0!important;max-width:100%!important}