/* 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 8% 10%,rgba(30,105,224,.13),transparent 28%),linear-gradient(135deg,#eef5ff 0%,#f8fbff 48%,#e9faf5 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:480px}
.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:'Đăng nhập để tiếp tục mua và thu xu';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:#1b75df;box-shadow:0 0 0 4px rgba(27,117,223,.1)}
.login-content .btn-primary{height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#1769e0,#0b987e);font-weight:800;box-shadow:0 10px 20px rgba(23,105,224,.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 html,body.dark{background:#0b1727!important}
body.dark.bg-image{background-image:radial-gradient(circle at 8% 10%,rgba(52,127,221,.16),transparent 28%),linear-gradient(135deg,#0b1727 0%,#0e1e32 48%,#0d2420 100%)!important}
body.dark .login-content h3:after{color:#9cafc2}
body.dark .login-content .btn-primary{background:linear-gradient(135deg,#1769e0,#0b987e);box-shadow:0 10px 20px rgba(23,105,224,.28)}
body.dark .login-content a{color:#5aa2f5}
body.dark .login-content p{color:#9cafc2}