.bg-authentication{background:linear-gradient(180deg,#f0f9ff 0%,#e0f2fe 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.bg-authentication .card{border-radius:16px;box-shadow:0 10px 30px rgba(2,132,199,.15);border:none;max-width:420px;width:100%}
.bg-authentication .card-header{background:transparent;border:none;text-align:center;padding-top:24px}
.bg-authentication .card-title h4{font-weight:700;color:#0ea5e9;margin:0}
.bg-authentication .card-content{width:100%}
.bg-authentication .card-body{padding:24px}
.bg-authentication .form-control{border-radius:10px;border-color:#cce7f6}
.bg-authentication .form-control:focus{border-color:#38bdf8;box-shadow:0 0 0 .25rem rgba(56,189,248,.25)}
.bg-authentication .btn-primary{background-color:#0ea5e9;border-color:#0284c7}
.bg-authentication .btn-primary:hover{background-color:#0284c7;border-color:#0369a1}
.bg-authentication .btn-outline-primary{color:#0ea5e9;border-color:#0ea5e9}
.bg-authentication .btn-outline-primary:hover{background-color:#0ea5e9;border-color:#0ea5e9}
.bg-authentication a.card-link{color:#0ea5e9}
.bg-authentication a.card-link:hover{color:#0284c7}
.bg-authentication .login-footer{padding:0 1.5rem .5rem}
.bg-authentication .login-footer .footer-btn .btn{padding:.9rem 1.2rem!important;margin:1rem 1rem 1rem 0}
@media(max-width:576px){
.bg-authentication .card{margin:0 8px}
.bg-authentication .card-body{padding:20px}
.bg-authentication .card-title h4{font-size:20px}
.bg-authentication .btn{width:100%}
.bg-authentication .btn + .btn{margin-top:8px}
}
.blank-page .content-wrapper{padding:0}
.blank-page .content-body{padding:0}
.login-hero{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff;padding:16px;overflow:auto}
.login-phone{position:relative;width:100%;max-width:420px;min-height:760px;border-radius:32px;overflow:hidden;box-shadow:0 22px 60px rgba(2,6,23,.55);background:#2f80ed}
.login-phone .hero-layer{position:absolute;inset:0}
.login-phone .wave-bg{width:100%;height:100%;display:block}
.login-phone .login-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:255px 24px 24px}
.login-phone .login-title{margin:0 0 16px;font-size:30px;font-weight:800;letter-spacing:.2px;color:#1f6fff}
.login-phone a.login-title{text-decoration:none}
.login-phone .form-group{margin-bottom:14px}
.login-phone label{display:block;margin:0 0 6px;font-weight:700;color:#1f6fff;font-size:12px}
.login-phone .form-control{height:42px;padding:10px 12px;border-radius:10px;border:2px solid #2f80ed;background:#fff}
.login-phone .form-control:focus{border-color:#1f6fff;box-shadow:0 0 0 .25rem rgba(31,111,255,.2)}
.login-phone .login-forgot{display:flex;justify-content:flex-end;margin:2px 0 10px}
.login-phone .login-forgot a{color:#1f6fff;font-weight:700;font-size:12px}
.login-phone .social-list{display:flex;gap:12px;margin:10px 0 0}
.login-phone .social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#111827;box-shadow:0 10px 22px rgba(15,23,42,.12)}
.login-phone .social-btn svg{width:18px;height:18px}
.login-phone .social-facebook{color:#1877f2}
.login-phone .social-apple{color:#111827}
.login-phone .login-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.login-phone .login-meta{display:flex;flex-direction:column;gap:10px}
.login-phone .register-row{font-size:12px;color:#1f2937}
.login-phone .register-row a{color:#1f6fff;font-weight:800}
.login-phone .remember-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#1f2937;margin:0}
.login-phone .remember-row input{width:16px;height:16px;accent-color:#1f6fff}
.login-phone .login-submit{height:44px;min-width:128px;border-radius:12px;background:#2f80ed;border:1px solid rgba(255,255,255,.45);color:#fff;font-weight:800;box-shadow:0 14px 26px rgba(47,128,237,.45)}
.login-phone .login-submit:hover{background:#1f6fff}
@media(max-width:420px){
.login-phone{min-height:720px}
.login-phone .login-content{padding:240px 18px 18px}
.login-phone .login-title{font-size:28px}
}