/* Page layout primitives, loaded before the shared UI contract. */
.bg-image {
    background-position: 0 50%;
    background-size: cover;
}

html,body{min-height:100%;background:#f5f8fc!important}
body.bg-image{background-image:radial-gradient(circle at 90% 12%,rgba(12,154,131,.14),transparent 28%),linear-gradient(135deg,#eefaf7 0%,#f8fbff 50%,#edf3ff 100%)!important}
.login-content{min-height:100vh;padding:20px 0}
.login-content .container{max-width:1080px}
.login-content .container > .row{min-height:calc(100vh - 40px)}
.login-content .col-md-5{max-width:520px}
.login-content .card{border:1px solid rgba(218,228,240,.9);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(29,62,104,.14);padding:0!important}
.login-content .card-body{padding:28px 32px}
.auth-logo{text-align:left!important;margin-bottom:16px}
.auth-logo img{max-height:42px;width:auto}
.login-content h3{margin-bottom:8px!important;color:#152b49;font-size:27px}
.login-content h3:after{content:'Tạo tài khoản để bắt đầu sử dụng dịch vụ';display:block;margin-top:8px;color:#8795a8;font-size:13px;font-weight:500}
.login-content label{color:#53657c!important;font-size:12px;font-weight:800}
.login-content form>.row{margin-left:-6px;margin-right:-6px}
.login-content form>.row>[class*="col-"]{padding-left:6px;padding-right:6px;margin-top:0!important}
.login-content .form-group{margin-bottom:12px!important}
.login-content .form-control{height:46px;border:1px solid #dce6f0;border-radius:11px;background:#fbfdff;box-shadow:none;padding:0 14px}
.login-content .form-control:focus{border-color:#0b987e;box-shadow:0 0 0 4px rgba(11,152,126,.1)}
.login-content .btn-primary{height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#0b987e,#1769e0);font-weight:800;box-shadow:0 10px 20px rgba(11,152,126,.18)}
.login-content a{color:#1769e0;font-weight:700}
.login-content p{color:#8795a8}
.login-content .g-recaptcha{transform:scale(.92);transform-origin:center;margin:4px 0 2px}
.login-content .custom-control{margin-bottom:6px!important}
@media(max-width:576px){.login-content{padding:14px}.login-content .container > .row{min-height:calc(100vh - 28px)}.login-content .card-body{padding:24px 20px}.login-content h3{font-size:24px}}
body.dark.bg-image{background-image:radial-gradient(circle at 90% 12%,rgba(11,152,126,.16),transparent 28%),linear-gradient(135deg,#0b1727 0%,#0c1a2c 50%,#0b1727 100%)!important}
body.dark .login-content h3:after{color:#9cafc2}
body.dark .login-content .form-control:focus{border-color:#0b987e;box-shadow:0 0 0 4px rgba(11,152,126,.18)}
body.dark .login-content .btn-primary{background:linear-gradient(135deg,#0b987e,#1769e0);box-shadow:0 10px 20px rgba(11,152,126,.22)}
body.dark .login-content p{color:#9cafc2}