
/* ===== PRO Login Layout ===== */
.login-page,.register-page{background:url("../images/bg-login.jpg") center/cover no-repeat fixed;position:relative;min-height:100vh;}
.login-page::before,.register-page::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 30%,rgba(0,0,0,.35),rgba(0,0,0,.72));backdrop-filter:blur(2px);z-index:0;}
.login-box{position:relative;z-index:1;width:420px;max-width:92vw;}
.login-logo{margin-bottom:14px;}
.login-logo a{display:inline-block;color:#fff;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.45);}
.login-logo a small{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;opacity:.85;margin-top:6px;text-transform:none;}
.login-box .card{border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 70px rgba(0,0,0,.45);overflow:hidden;}
.login-box .card-body{background:rgba(255,255,255,.92);padding:26px 26px 18px;}
.login-box .card-header{background:transparent;border:0;padding:20px 26px 0;color:#fff;}
.login-box .card-title{font-weight:900;letter-spacing:.3px;}
.login-box .input-group>.form-control{height:46px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;transition:all .15s ease;}
.login-box .input-group>.form-control:focus{border-color:rgba(240,106,47,.65);box-shadow:0 0 0 .22rem rgba(240,106,47,.18);}
.login-box .input-group-text{border-radius:14px;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.03);color:#6b3a2b;}
/* 1 CTA chính */
.login-box .btn-primary{height:46px;border-radius:14px;font-weight:900;letter-spacing:.35px;border:0;background:linear-gradient(180deg,#ff7a3d,#f06a2f);box-shadow:0 10px 22px rgba(240,106,47,.35);transition:transform .08s ease,filter .15s ease;}
.login-box .btn-primary:hover{filter:brightness(.98);}
.login-box .btn-primary:active{transform:translateY(1px);}
/* link phụ */
.auth-links{margin-top:14px;text-align:center;font-weight:800;}
.auth-links a{color:#6b3a2b;text-decoration:none;}
.auth-links a:hover{color:#f06a2f;}
.auth-links .dot{margin:0 10px;opacity:.45;}
.auth-links{text-align:center;margin-top:14px;font-weight:800}.auth-links a{color:#6b3a2b;text-decoration:none}.auth-links a:hover{color:#f06a2f}.auth-links .dot{margin:0 10px;opacity:.45}



