
:root{--navy:#0b2445;--blue:#1769aa;--ink:#152a45;--muted:#68788d;--line:#dce4ee}
body.login{margin:0;background:#f3f6fa!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
body.login div#login{position:relative;width:min(430px,calc(100% - 32px));padding:42px 0 25px;margin:0 auto}
body.login #login h1{margin:0 0 20px;text-align:center}
body.login #login h1 a{background:none!important;width:auto;height:auto;text-indent:0;display:block;margin:0 auto;color:var(--navy);font-size:0;text-decoration:none}
body.login #login h1 a:before{content:"TF";display:block;width:58px;height:58px;margin:0 auto 14px;background:var(--navy);color:#fff;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);font-size:22px;line-height:58px;font-weight:900}
body.login #login h1 a:after{content:"TRUSTFLOW\A ESCROW";white-space:pre;display:block;font-size:24px;line-height:1.05;letter-spacing:1px;font-weight:850}
.tf-admin-intro{text-align:center;margin-bottom:20px}.tf-admin-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--blue);margin-bottom:7px}.tf-admin-intro h2{margin:0;font-size:22px}.tf-admin-intro p{margin:7px auto 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:360px}
body.login form{margin-top:0!important;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 55px rgba(11,36,69,.10);padding:27px}
body.login form label{font-size:13px;font-weight:750;color:var(--ink)}body.login form .input{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #d4deea;border-radius:10px;padding:11px 12px;font-size:15px;min-height:46px;box-shadow:none}
body.login form .input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,170,.12)}
body.login .forgetmenot{margin-top:12px}body.login .forgetmenot label{font-weight:500;color:var(--muted)}body.login .submit{margin-top:15px}
body.login .button-primary{width:100%;min-height:46px;border:0;border-radius:10px;background:var(--navy);font-size:15px;font-weight:800}body.login .button-primary:hover{background:var(--blue)}
body.login #nav{text-align:center;margin-top:17px}body.login #backtoblog{display:none}body.login #nav a{color:var(--blue);text-decoration:none}
@media(max-width:520px){body.login div#login{padding-top:28px}body.login form{padding:23px 20px}}
