:root{--vnpt-blue:#0072ff;--vnpt-deep:#003b78;--vnpt-sky:#eaf4ff}
.login-visual{background:linear-gradient(138deg,#003466 0%,#0054a6 55%,#0072d8 130%)}
.login-visual .single-line-title{max-width:none!important;font-size:clamp(38px,3.25vw,50px)!important;line-height:1.08!important;letter-spacing:-.035em!important;white-space:nowrap!important;text-shadow:0 3px 18px rgba(0,35,90,.22)}
.login-visual::after{background:radial-gradient(circle,rgba(45,174,255,.28),transparent 68%)}
.vnpt-logo-wrap{display:grid;place-items:center;width:200px;height:68px;padding:9px 14px;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(0,28,76,.28)}
.vnpt-logo-wrap img{display:block;width:100%;height:100%;object-fit:contain}
.brand{align-items:center;gap:17px}.brand strong{font-size:21px;line-height:1.25}.brand small{margin-top:5px;color:#d6ebff;font-size:12px;font-weight:650;letter-spacing:.1em}
.visual-content{z-index:2}.visual-copy{position:relative;z-index:2;max-width:100%}.visual-copy::before{content:"";position:absolute;z-index:-1;inset:-55px -75px -65px -45px;background:radial-gradient(ellipse at 35% 50%,rgba(0,48,105,.55),rgba(0,61,126,.26) 52%,transparent 76%)}
.live-badge{padding:8px 13px;color:#fff;border-color:rgba(255,255,255,.34);background:rgba(0,40,96,.44);font-size:11px}.live-badge i{background:#55d4ff;box-shadow:0 0 0 5px rgba(85,212,255,.16)}
.system-pills span{padding:8px 12px;border-color:rgba(190,228,255,.38);color:#fff;background:rgba(0,48,108,.48);font-size:13px}
.login-panel{background:linear-gradient(145deg,#fff,#edf5fc)}.eyebrow{color:#005ec5;font-size:12px}.login-card h2{color:#003b78;font-size:38px}.login-card .intro{color:#526d80;font-size:16px}.login-card label{color:#173e59;font-size:14px}.field-wrap input{font-size:16px}.login-button{font-size:16px}.security-note{color:#536f82;font-size:13px}.visual-foot,.panel-foot{font-size:12px}
.field-wrap input:focus{border-color:#1684ee;box-shadow:0 0 0 4px rgba(0,114,255,.11),0 7px 20px rgba(0,60,130,.06)}
.login-button{background:linear-gradient(110deg,#004b9b,#0072e8);box-shadow:0 11px 24px rgba(0,73,158,.22)}.login-button:hover{box-shadow:0 14px 30px rgba(0,73,158,.3)}
.security-note svg{stroke:#0072d8}.mobile-brand{color:#003b78}.mobile-brand .vnpt-logo-wrap{width:145px;height:50px;padding:7px 11px;border:1px solid #d9e8f6;box-shadow:0 6px 18px rgba(0,61,126,.14)}
@media(max-width:1160px){.visual-copy{max-width:88%}}
@media(max-width:930px){.mobile-brand{align-items:center}.mobile-brand strong{color:#003b78}.mobile-brand small{color:#60809c}}