/* Loaded only on the logged-out Twenty-One login and registration pages. */
body{margin:0;background:#f2f6fa;color:#18324b;font-family:Arial,sans-serif;font-size:16px;line-height:1.55}
body>header#header,body>nav.master-breadcrumb,body>footer#footer{display:none!important}
#cs-account-intro{padding:28px 0 22px;background:linear-gradient(120deg,#eef6fc,#fff);color:#18324b}
.cs-account-wrap{max-width:920px;margin:0 auto;padding:0 24px}
#cs-account-intro h1{font:700 clamp(28px,4vw,40px)/1.2 Arial,sans-serif;margin:20px 0 14px;letter-spacing:normal}
#cs-account-intro p{margin:0 0 12px;font-size:18px}
#cs-account-intro .cs-account-help{font-size:16px;margin-bottom:0}
#cs-account-intro a,#cs-account-utilities a{color:#065eaa;text-decoration:underline;text-underline-offset:3px}
.cs-account-tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px}
.cs-account-tools a{min-height:44px;display:inline-flex;align-items:center}
#main-body{padding:28px 0 40px;margin:0;min-height:0;background:#f2f6fa}
#main-body>.container{max-width:920px;padding:0 24px}
#main-body>.container>.row{margin-left:0;margin-right:0}
#main-body>.container>.row>.col-lg-4,#main-body .sidebar-secondary{display:none!important}
#main-body .primary-content{flex:0 0 100%;max-width:100%;width:100%;padding:0;min-width:0}
#main-body .card{border:1px solid #d5e0ea;border-radius:12px;box-shadow:0 6px 20px #18324b0a;overflow:visible}
#main-body .card-body{padding:26px!important}
#main-body .card-title{color:#18324b;font:700 22px/1.3 Arial,sans-serif;margin-bottom:22px}
#main-body .card-footer{background:#eef5fb;border-top:1px solid #d5e0ea;border-radius:0 0 12px 12px;padding:20px 26px!important}
#main-body .login-form{max-width:620px;margin:auto}
#main-body .login-form .card{max-width:none;margin:0 auto 20px!important}
#main-body .login-form .card-body:after{content:"";display:table;clear:both}
#main-body .form-group{margin-bottom:20px}
#main-body label{color:#18324b}
#main-body .text-muted{color:#52667a!important}
#main-body .field,#main-body .form-control{font-size:16px;border-color:#b6c7d5;border-radius:6px;max-width:100%;min-height:46px;color:#18324b}
#main-body .input-group>.form-control{border-radius:0}
#main-body .input-group-text{border-color:#b6c7d5;background:#eef5fb}
#main-body .btn{min-height:46px;font-size:16px;border-radius:8px;white-space:normal}
#main-body .btn-primary{background:#0878d1;border-color:#0878d1;color:#fff;padding:11px 24px;font-weight:700}
#main-body .btn-primary:hover{background:#065eaa;border-color:#065eaa}
#main-body .btn-default{border:1px solid #b6c7d5;background:#fff;color:#18324b}
#main-body .login-form #login{min-width:150px}
#main-body .login-form .text-right{padding-top:10px}
#main-body .login-form .form-check-input{position:static;margin:0 7px 0 0;vertical-align:middle}
#main-body .providerPreLinking,#main-body .providerLinkingFeedback{max-width:620px;margin-left:auto;margin-right:auto}
#registration .cs-account-labelled>.field-icon{display:none!important}
#registration .cs-account-label{display:block;position:static;width:auto;height:auto;padding:0;margin:0 0 7px;line-height:1.45;font-size:15px;font-weight:600}
#registration .cs-account-labelled input:not([type=hidden]):not([type=tel]),#registration .cs-account-labelled select{padding-left:12px!important}
#registration .intl-tel-input{width:100%}
#registration .cs-account-labelled input[type=tel]{font-size:16px;min-height:46px}
#registration .form-check{padding-left:0}
#registration .form-check-input.accepttos{position:static;margin:0 8px 0 0;vertical-align:middle}
#registration input[type=submit]{min-width:230px}
#registration .password-strength-meter{padding-top:4px}
#cs-account-utilities{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;padding-top:4px;padding-bottom:30px}
#cs-account-utilities .btn{min-height:44px;background:#fff;border:1px solid #b6c7d5;color:#18324b;border-radius:8px;font-size:15px}
body #cs-site-footer{min-height:0!important;height:auto!important;padding:56px 0 36px!important;display:block!important;text-align:left;font-family:Arial,sans-serif}
body #cs-site-footer h2,body #cs-site-footer h3{color:#fff;text-transform:none;line-height:1.3;font-family:Arial,sans-serif}
body #cs-site-footer .cs-seo-footer-col a{padding:5px 0;line-height:1.6}
body #cs-site-footer .cs-seo-footer-head p{font-size:17px;line-height:1.6}
body #cs-site-footer .cs-seo-footer-cta a{border-radius:8px;min-height:48px}
#main-body :focus-visible,#cs-account-intro :focus-visible,#cs-account-utilities :focus-visible{outline:3px solid #b76900;outline-offset:3px}
@media(max-width:600px){.cs-account-wrap,#main-body>.container{padding-left:18px;padding-right:18px}#main-body .card-body{padding:22px 18px!important}#main-body .card-footer{padding:18px!important}#cs-account-intro{padding-top:18px}#main-body{padding-top:22px}#main-body .login-form .float-left{float:none!important}#main-body .login-form #login{width:100%}#main-body .login-form .text-right{text-align:left!important;padding-top:18px}#registration input[type=submit]{width:100%}}
@media(max-width:380px){#main-body>.container{padding-left:0;padding-right:0}#main-body .login-form .card-body{padding-left:6px!important;padding-right:6px!important}.cs-account-wrap{padding-left:14px;padding-right:14px}}