body.tf-login-page{min-height:100vh;background:#f5f8fb;color:#1d2d3d;overflow-x:hidden}
.tf-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);background:#fff}
.tf-login-brand-panel{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:clamp(34px,5vw,74px);background:#087f98;color:#fff}
.tf-login-brand-panel:before,.tf-login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}
.tf-login-brand-panel:before{width:620px;height:620px;right:-310px;top:15%;box-shadow:0 0 0 72px rgba(255,255,255,.035),0 0 0 144px rgba(255,255,255,.025)}
.tf-login-brand-panel:after{width:260px;height:260px;left:-150px;bottom:-100px;background:rgba(255,255,255,.05)}
.tf-login-brand-lockup,.tf-login-mobile-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.03em}
.tf-login-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f2c94c;color:#193341;font-size:17px;font-weight:900;box-shadow:0 6px 15px rgba(18,61,75,.16)}
.tf-login-brand-copy{position:relative;z-index:1;max-width:440px;margin:auto 0 54px}
.tf-login-overline{display:block;color:#708396;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tf-login-brand-panel .tf-login-overline{color:#b9e6e8}
.tf-login-brand-copy h2{max-width:410px;margin:14px 0 16px;color:#fff;font-size:clamp(34px,4vw,58px);font-weight:700;letter-spacing:-.07em;line-height:.98}
.tf-login-brand-copy>p{max-width:360px;margin:0;color:#d2f0f0;font-size:15px;line-height:1.65}
.tf-login-feature-list{position:relative;z-index:1;display:grid;gap:18px;max-width:440px}
.tf-login-feature-list>div{display:flex;gap:14px;align-items:flex-start}
.tf-login-feature-list>div>span{padding-top:2px;color:#f2c94c;font-size:10px;font-weight:800;letter-spacing:.1em}
.tf-login-feature-list p{display:grid;gap:3px;margin:0}
.tf-login-feature-list strong{font-size:12px;font-weight:700}
.tf-login-feature-list small{color:#b9e6e8;font-size:11px;line-height:1.45}
.tf-login-brand-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:42px;color:#a8dcdf;font-size:10px;font-weight:700;letter-spacing:.04em}
.tf-login-brand-footer i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#7fe1c4;box-shadow:0 0 0 4px rgba(127,225,196,.12)}
.tf-login-form-panel{display:grid;place-items:center;padding:40px 8vw;background:#fff}
.tf-login-form-wrap{width:min(430px,100%)}
.tf-login-mobile-lockup{display:none;color:#087f98;margin-bottom:46px}
.tf-login-form-wrap h1{margin:14px 0 10px;color:#1d2d3d;font-size:clamp(28px,3vw,38px);font-weight:750;letter-spacing:-.06em;line-height:1.05}
.tf-login-intro{margin:0 0 32px;color:#718091;font-size:13px;line-height:1.55}
.tf-login-form{display:grid;gap:21px}
.tf-login-form label{display:grid;gap:8px;color:#35475a;font-size:11px;font-weight:750}
.tf-login-form input{width:100%;height:48px;border:1px solid #d5e0e8;border-radius:8px;background:#fbfcfd;padding:0 14px;color:#1d2d3d;font:500 13px Inter,sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}
.tf-login-form input::placeholder{color:#a4b0bc}
.tf-login-form input:hover{border-color:#9bb7c8;background:#fff}
.tf-login-form input:focus{outline:0;border-color:#078eaa;background:#fff;box-shadow:0 0 0 4px rgba(7,142,170,.12)}
.tf-login-error{margin:0 0 22px;padding:11px 13px;border:1px solid #f0c8c5;border-radius:8px;background:#fff5f4;color:#b34b45;font-size:12px;line-height:1.45}
.tf-login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;margin-top:4px;border:0;border-radius:8px;background:#087f98;color:#fff;padding:0 17px;font:750 12px Inter,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(8,127,152,.2);transition:background .2s,transform .2s,box-shadow .2s}
.tf-login-submit b{font-size:18px;font-weight:500;line-height:1}
.tf-login-submit:hover{background:#066c82;box-shadow:0 10px 22px rgba(8,127,152,.28);transform:translateY(-1px)}
.tf-login-submit:focus-visible{outline:3px solid rgba(7,142,170,.22);outline-offset:3px}
.tf-login-security{display:flex;align-items:center;gap:9px;margin-top:30px;color:#8b98a5}
.tf-login-security span{width:18px;height:18px;border:1px solid #c7d5df;border-radius:50%;position:relative}
.tf-login-security span:after{content:"";position:absolute;left:5px;top:3px;width:5px;height:8px;border:solid #078eaa;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.tf-login-security small{font-size:10px;line-height:1.45}
@media(max-width:850px){.tf-login-shell{display:block}.tf-login-brand-panel{display:none}.tf-login-form-panel{min-height:100vh;padding:30px 24px}.tf-login-mobile-lockup{display:flex}}
@media(max-width:480px){.tf-login-form-panel{padding:24px 20px}.tf-login-mobile-lockup{margin-bottom:58px}.tf-login-form-wrap h1{font-size:30px}.tf-login-intro{margin-bottom:26px}}