/* Huu Nghi login. Single authoritative theme; overrides native/plugin settings. */
html{min-height:100%;background:#071d30;}
body.login{box-sizing:border-box;position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,480px) minmax(0,360px);gap:18px clamp(36px,6vw,90px);justify-content:center!important;align-content:center;align-items:center;min-height:100vh;min-height:100svh;height:auto!important;margin:0!important;padding:32px!important;background:radial-gradient(ellipse at 18% 32%,#22677a45,transparent 62%),radial-gradient(ellipse at 82% 65%,#1b657136,transparent 58%),linear-gradient(125deg,#061526,#102f46 48%,#082638 78%,#061b2d)!important;color:#edf7fc!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}
body.login *,body.login *::before,body.login *::after{box-sizing:border-box;text-shadow:none!important;}
body.login::before,body.login::after{content:none!important;}
body.login .hn-hero{grid-column:1;grid-row:1 / span 2;min-width:0;color:#edf7fc;}
body.login .hn-identity{display:flex;align-items:center;gap:18px;margin-bottom:40px;}
body.login .hn-hospital-logo{display:block;width:76px;height:76px;object-fit:contain;flex-shrink:0;background:#fff!important;border-radius:50%;padding:2px;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;}
body.login .hn-ministry{margin:0 0 8px;color:#ead1a0;font-size:11px;font-weight:600;letter-spacing:2.5px;}
body.login .hn-hospital{margin:0;color:#f2f8fb;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:.5px;}
body.login .hn-hero h2{font-size:clamp(34px,3.3vw,46px);font-weight:400;line-height:1.25;letter-spacing:-1px;margin:0;color:#fff;}
body.login .hn-hero h2 span{color:#ead1a0;}
body.login .hn-hero-description{max-width:365px;font-size:15px;line-height:1.8;color:#d0e5ef;margin:22px 0 0;}
body.login .hn-art{position:relative;height:200px;max-width:450px;overflow:hidden;margin-top:30px;}
body.login .hn-orbit{position:absolute;left:50%;top:44%;width:230px;height:126px;border:1px solid #93c9d02b;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);}
body.login .hn-orbit-two{width:280px;height:146px;border-color:#d7c39826;transform:translate(-50%,-50%) rotate(24deg);}
body.login .hn-art-cross{position:absolute;left:50%;top:44%;width:104px;height:104px;transform:translate(-50%,-50%) rotate(-9deg) scale(.75);filter:drop-shadow(0 8px 18px #00182740);}
body.login .hn-art-cross span,body.login .hn-art-cross i{position:absolute;display:block;background:linear-gradient(145deg,#87cec78a,#388b9b70);border:1px solid #a9d9d45c;border-radius:9px;}
body.login .hn-art-cross span{width:36px;height:104px;left:34px;}
body.login .hn-art-cross i{width:104px;height:36px;top:34px;}
body.login .hn-pulse{position:absolute;top:36px;left:0;width:100%;height:110px;color:#9acdd05c;}
body.login .hn-art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#c7dfeb;font-size:10px;letter-spacing:1.5px;}
body.login .hn-art-caption b{font-weight:400;color:#ead1a0;margin:0 8px;}
body.login #login{grid-column:2;grid-row:1;position:relative!important;float:none!important;transform:none!important;left:auto!important;top:auto!important;width:100%!important;max-width:360px!important;min-width:0;margin:0!important;padding:16px 22px 12px!important;background:linear-gradient(145deg,#184458,#10364b 48%,#0b2b40)!important;color:#edf7fc!important;border:1px solid #87b4bd40!important;border-radius:16px!important;box-shadow:0 28px 70px #000e2059,inset 0 1px 0 #d8eff21a!important;}
body.login #login::before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:linear-gradient(90deg,transparent,#dcc18b99,transparent);}
body.login #login h1,body.login #login .wp-login-logo{display:none!important;}
body.login .hn-heading{text-align:center;margin:0 0 10px;padding:0 0 10px;border:0;border-bottom:1px solid #86bfce38;background:transparent;color:#edf7fc;}
body.login .hn-heading h2{overflow-wrap:anywhere;text-transform:uppercase;color:#edf7fc;font-size:16px;font-weight:400;line-height:1.5;margin:0;}
body.login .hn-subtitle{font-size:13px;line-height:1.6;color:#cce3ed;margin:8px 0 0;}
body.login #login form{width:100%!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;color:#edf7fc!important;}
body.login #login form p{margin:0!important;padding:0!important;}
body.login #login label{color:#edf7fc!important;font-size:13px!important;line-height:1.6!important;margin-bottom:0!important;}
body.login #login input.input,body.login #login input[type=text],body.login #login input[type=email],body.login #login input[type=password]{width:100%!important;height:44px!important;min-height:44px!important;margin:5px 0 10px!important;padding:8px 11px!important;border:1px solid #709bad!important;border-radius:9px!important;background:#08283d!important;color:#fff!important;font-size:16px!important;line-height:26px!important;box-shadow:inset 0 2px 5px #00142230!important;caret-color:#ead1a0;}
body.login #login input::placeholder{color:#b8d3df!important;opacity:1!important;}
body.login #login input:focus{border-color:#73e1d7!important;outline:2px solid #73e1d766!important;outline-offset:2px;}
body.login #login input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #08283d inset!important;caret-color:#ead1a0;}
body.login #login .wp-pwd{margin:0!important;}
body.login #login .wp-pwd input{padding-right:48px!important;}
body.login #login .button.wp-hide-pw{color:#c3e8f3!important;background:transparent!important;border:0!important;width:44px!important;height:44px!important;min-height:44px!important;top:5px!important;margin:0!important;}
body.login #login input[type=checkbox]{background:#08283d!important;border:1px solid #91b7c6!important;border-radius:4px;accent-color:#73e1d7;margin:0!important;flex-shrink:0;}
body.login #login input[type=checkbox]:checked::before{filter:brightness(0) invert(1);}
body.login #login .forgetmenot{float:none!important;display:flex;align-items:center;gap:8px;min-height:32px;margin:0!important;}
body.login #login .forgetmenot label{display:flex;align-items:center;min-height:32px;color:#cce3ed!important;font-size:13px!important;}
body.login #login form .submit{float:none!important;clear:both!important;margin:0!important;padding-top:8px!important;}
body.login #login .button-primary{float:none!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid #a0eee0!important;border-radius:9px!important;background:linear-gradient(110deg,#a0eee0,#70d2dc)!important;color:#082e42!important;font-size:14px!important;font-weight:600!important;line-height:42px!important;text-shadow:none!important;box-shadow:0 7px 22px #00172555!important;cursor:pointer;}
body.login #login .button-primary:hover{background:linear-gradient(110deg,#b7f6ea,#8be3e9)!important;}
body.login #login a{color:#a3e9ed!important;text-decoration:none!important;}
body.login #login a:hover{color:#ffda94!important;text-decoration:underline!important;}
body.login #login a:focus-visible,body.login #login button:focus-visible,body.login #login .button:focus-visible{outline:2px solid #ffda94!important;outline-offset:3px;}
body.login #login #nav,body.login #login #backtoblog{float:none!important;width:100%!important;text-align:center!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;color:#cce3ed!important;font-size:13px!important;line-height:1.6!important;}
body.login #login #nav a,body.login #login #backtoblog a{float:none!important;display:inline-flex!important;align-items:center;min-height:32px!important;}
body.login #login #backtoblog{border:0!important;border-top:1px solid #86bfce38!important;padding-top:5px!important;margin-top:4px!important;}
/* LoginPress custom-message also has a native white background and left border. */
body.login #login .message,body.login #login .success,body.login #login .custom-message,body.login #login .notice,body.login #login #login_error{display:block;margin:0 0 10px!important;padding:8px 10px!important;border:0!important;border-inline-start:0!important;border-radius:9px!important;background:#164f60!important;color:#e0faf5!important;box-shadow:none!important;font-size:13px!important;line-height:1.6!important;overflow-wrap:anywhere;}
body.login #login .message p,body.login #login .success p,body.login #login .custom-message p,body.login #login .notice p,body.login #login #login_error p{background:transparent!important;color:inherit!important;}
body.login #login #login_error,body.login #login .message.error,body.login #login .notice-error{background:#572f43!important;color:#ffe8ed!important;}
body.login.hn-logged-out #login .message:not(.error):not(.notice-error),body.login.hn-logged-out #login .custom-message,body.login.hn-logged-out #login .success{text-transform:uppercase!important;text-align:center!important;font-weight:500;letter-spacing:0;}
body.login #login .privacy-policy-page-link{margin:12px 0 0!important;text-align:center;font-size:12px;}
body.login .language-switcher{position:static!important;top:auto!important;width:100%!important;max-width:360px!important;margin:0 auto!important;padding:0!important;color:#d0e5ef;}
body.login>.language-switcher{grid-column:2;grid-row:2;}
body.login .language-switcher form{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap!important;gap:6px;width:100%!important;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
body.login .language-switcher label,body.login #login .language-switcher label{display:inline-flex!important;align-items:center;gap:4px;color:#d0e5ef!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;font-size:12px!important;line-height:20px!important;white-space:nowrap;}
body.login .language-switcher label .screen-reader-text{position:static!important;display:inline!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;}
body.login .language-switcher select,body.login .language-switcher .button,body.login .language-switcher button{background:#08283d!important;color:#edf7fc!important;border:1px solid #709bad!important;border-radius:7px;min-height:32px!important;height:32px!important;margin:0!important;padding:3px 8px!important;font-size:12px!important;line-height:24px!important;white-space:nowrap!important;}
body.login .language-switcher select{width:auto!important;min-width:0!important;max-width:160px!important;flex:1 1 100px!important;text-overflow:ellipsis;padding-right:22px!important;}
body.login .language-switcher .button,body.login .language-switcher input[type=submit]{width:auto!important;min-width:0!important;flex:0 0 auto;}
body.login #login .language-switcher{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #86bfce38;}
body.login .language-switcher select:focus-visible,body.login .language-switcher .button:focus-visible{outline:2px solid #ffda94!important;outline-offset:3px;}
body.login .loginpress-show-love,body.login #loginpress_video-background-wrapper,body.login .loginpress-header,body.login>.clear{display:none!important;}
body.login>.footer-wrapper{grid-column:1 / -1;position:static!important;margin:0!important;}
body.login .copyRight{background:transparent!important;color:#d0e5ef!important;padding:4px!important;font-size:12px!important;}
body.login .footer-wrapper:has(>.footer-cont:empty){display:none!important;}
@media(max-width:1000px){body.login{grid-template-columns:minmax(0,360px);gap:16px;padding:24px 16px!important;}body.login .hn-hero{display:block;grid-column:1;grid-row:1;}body.login .hn-hero-content{display:none;}body.login .hn-identity{justify-content:center;gap:12px;margin:0 0 8px;}body.login .hn-hospital-logo{width:56px;height:56px;}body.login .hn-ministry{font-size:10px;margin-bottom:5px;}body.login .hn-hospital{font-size:16px;}body.login #login{grid-column:1;grid-row:2;}body.login>.language-switcher{grid-column:1;grid-row:3;}body.login #login{padding:16px 20px 12px!important;}}
@media(max-width:480px){body.login{padding:16px 12px!important;}body.login #login{padding:16px 18px 12px!important;border-radius:16px!important;}body.login .hn-heading h2{font-size:15px;}body.login .hn-hospital{font-size:14px;}body.login .hn-hospital-logo{width:50px;height:50px;}body.login .hn-heading{margin-bottom:10px;padding-bottom:10px;}}
@media(max-height:700px){body.login{align-content:start;padding-top:16px!important;padding-bottom:16px!important;}body.login #login{padding-top:16px!important;}body.login .hn-art{height:165px;}}
body.login.interim-login{grid-template-columns:minmax(0,360px);padding:12px!important;}
body.login.interim-login .hn-hero{display:none;}
body.login.interim-login #login{grid-column:1;grid-row:1;}body.login.interim-login>.language-switcher{grid-column:1;grid-row:2;}
@media(prefers-reduced-motion:reduce){body.login *{transition:none!important;animation:none!important;}}

body.login .hn-app-login{text-transform:uppercase;}
