/* Huu Nghi signature theme. Native WordPress authentication remains unchanged. */
html{min-height:100%;background:#071f31}
body.login{box-sizing:border-box;min-height:100vh!important;height:auto!important;display:block!important;position:relative;isolation:isolate;margin:0!important;padding:86px 64px 44px!important;background:radial-gradient(ellipse at 27% 42%,#13526780,transparent 54%),radial-gradient(ellipse at 94% 6%,#186c7550,transparent 42%),linear-gradient(125deg,#061b2e,#0b3144 65%,#0a2838)!important;color:#dbe9ed!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}
body.login::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#aacdd705 1px,transparent 1px),linear-gradient(90deg,#aacdd705 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent)}
body.login *,body.login *::before,body.login *::after{box-sizing:border-box;text-shadow:none!important;}
.hn-hero{position:absolute;top:46px;left:max(55px,calc((100vw - 1240px)/2));width:calc(50% - 90px);max-width:600px;color:#fff;}
.hn-brand{display:flex;align-items:center;gap:16px;}
.hn-brand-symbol{width:62px;height:62px;border:1px solid #c6b17b70;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#e2cf9d;font-size:18px;letter-spacing:1px;font-weight:600;background:linear-gradient(145deg,#ffffff0d,transparent);}
.hn-brand-symbol>span{font-size:16px;font-weight:300;align-self:flex-start;margin:9px -1px 0;}
.hn-brand-ministry,.hn-brand-en{display:block;font-size:10px;letter-spacing:2.5px;color:#adc8d4;}
.hn-brand strong{display:block;font-size:16px;font-weight:600;letter-spacing:1px;margin:5px 0;}
.hn-brand-en{font-size:9px;letter-spacing:2px;}
.hn-hero-content{margin-top:95px;}
.hn-kicker{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.5px;color:#d9c794;margin:0 0 25px;line-height:1.6;}
.hn-kicker>span{display:block;width:27px;height:1px;background:#d9c794;}
.hn-hero h2{font-weight:350;font-size:clamp(35px,3.55vw,54px);letter-spacing:-1.8px;line-height:1.24;margin:0;color:#f6fafb;}
.hn-hero h2>span{color:#dfcca0;font-weight:350;}
.hn-hero-description{font-size:15px;line-height:1.85;color:#adc5d1;margin:24px 0 0;}
.hn-art{height:239px;position:relative;margin-top:18px;max-width:510px;overflow:hidden;}
.hn-orbit{position:absolute;border:1px solid #91c4cc1c;border-radius:50%;left:54%;top:45%;transform:translate(-50%,-50%) rotate(-24deg);width:270px;height:168px;}
.hn-orbit-two{width:335px;height:206px;transform:translate(-50%,-50%) rotate(24deg);border-color:#d9c79416;}
.hn-art-cross{position:absolute;left:54%;top:45%;transform:translate(-50%,-50%) rotate(-9deg);width:104px;height:104px;filter:drop-shadow(0 12px 28px #3ab9b829);}
.hn-art-cross span,.hn-art-cross i{position:absolute;display:block;background:linear-gradient(145deg,#6abbb68a,#2778804d);border:1px solid #9fd9d342;border-radius:9px;backdrop-filter:blur(3px);}
.hn-art-cross span{width:36px;height:104px;left:34px;}
.hn-art-cross i{width:104px;height:36px;top:34px;}
.hn-pulse{position:absolute;top:66px;left:0;width:100%;height:110px;color:#8ac7c549;}
.hn-art-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#dbc590;box-shadow:0 0 20px #d9c79450;}
.hn-dot-one{top:48px;left:29%}.hn-dot-two{top:160px;left:76%;width:4px;height:4px;background:#8dd1ce;}
.hn-art-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#97b6c3;font-size:9px;letter-spacing:2.1px;}
.hn-art-caption b{font-weight:400;color:#d9c794;margin:0 9px;}
.hn-hero-footer{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.1px;color:#789daE;border-top:1px solid #aacdd717;padding-top:22px;margin-top:33px;}
.hn-hero-footer>span{height:5px;width:5px;background:#c9b780;border-radius:50%;}.hn-hero-footer i{font-style:normal;color:#527c8d;margin:0 2px;}
body.login #login{position:relative!important;float:none!important;transform:none!important;left:auto!important;top:auto!important;width:432px!important;max-width:100%!important;margin:0 0 0 calc(50% + 62px)!important;padding:35px 38px 27px!important;background:linear-gradient(160deg,#fff,#f6f9fb)!important;border:1px solid #ffffffbd!important;border-radius:24px!important;box-shadow:0 32px 85px #00000038,0 0 0 8px #ffffff04!important;}
body.login #login::before{content:"";position:absolute;top:-1px;left:24%;right:24%;height:2px;background:linear-gradient(90deg,transparent,#d9bd7a,transparent);}
body.login #login h1,body.login #login .wp-login-logo{display:block!important;margin:0!important;padding:0!important;}
body.login #login h1 a,body.login #login .wp-login-logo a{display:block!important;width:82px!important;height:82px!important;padding:0!important;margin:0 auto 16px!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;text-indent:-9999px!important;overflow:hidden!important;border-radius:0!important;box-shadow:none!important;}
body.login .hn-heading{text-align:center;margin:0 0 26px;padding:0 0 25px;border-bottom:1px solid #dfe8ed;}
body.login .hn-eyebrow{color:#839598;font-size:9px;font-weight:600;letter-spacing:3px;margin:0 0 7px;}
body.login .hn-heading h2{font-size:21px;line-height:1.4;font-weight:750;color:#15485c;margin:0;letter-spacing:.1px;}
body.login .hn-subtitle{font-size:13px;color:#73868f;margin:7px 0 0;line-height:1.5;}
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:#223c51!important;}
body.login #login label{color:#3f5865!important;font-size:13px!important;line-height:1.6!important;}
body.login #login input.input,body.login #login input[type=text],body.login #login input[type=email],body.login #login input[type=password]{border:1px solid #d5e0e6!important;border-radius:9px!important;background:#fff!important;color:#183c52!important;font-size:16px!important;min-height:48px!important;box-shadow:0 2px 4px #17354903!important;padding:10px 13px!important;width:100%!important;margin-top:6px!important;margin-bottom:18px!important;transition:border-color .18s,box-shadow .18s;}
body.login #login .wp-pwd input{padding-right:44px!important;}
body.login #login input:focus{border-color:#247d8f!important;outline:2px solid #247d8f22!important;outline-offset:2px;}
body.login #login .button.wp-hide-pw{color:#426b80!important;min-height:46px!important;top:7px!important;}
body.login #login input[type=checkbox]{border:1px solid #b4c5ce!important;border-radius:4px!important;background:#fff;}
body.login #login .forgetmenot{float:none!important;margin:0!important;}
body.login #login .forgetmenot label{font-size:12px!important;color:#6c808a!important;}
body.login #login .submit{float:none!important;clear:both!important;padding-top:22px!important;margin:0!important;}
body.login #login .button-primary{float:none!important;width:100%!important;min-height:49px!important;border:1px solid #0d536b!important;border-radius:9px!important;background:linear-gradient(110deg,#103f59,#14758a)!important;color:#fff!important;font-size:14px!important;font-weight:650!important;letter-spacing:.3px;text-shadow:none!important;box-shadow:0 8px 18px #125c7224!important;cursor:pointer;transition:filter .18s,box-shadow .18s;}
body.login #login .button-primary:hover{filter:brightness(1.12);box-shadow:0 10px 22px #125c7238!important;}
body.login #login .button-primary:focus-visible,body.login #login a:focus-visible{outline:3px solid #389bb8!important;outline-offset:3px;}
body.login #login #nav,body.login #login #backtoblog{float:none!important;width:100%!important;text-align:center!important;margin:17px 0 0!important;padding:0!important;font-size:12px!important;}
body.login #login #nav a,body.login #login #backtoblog a{float:none!important;display:inline!important;}
body.login #login #backtoblog{border-top:1px solid #dfe8ed!important;padding-top:17px!important;}
body.login #login a{color:#27667b!important;text-decoration:none!important;}
body.login #login a:hover{color:#094860!important;text-decoration:underline!important;}
body.login #login .message,body.login #login #login_error,body.login #login .success{margin:0 0 18px!important;padding:12px 14px!important;border-radius:6px!important;font-size:14px!important;line-height:1.6!important;box-shadow:none!important;}
body.login #login .privacy-policy-page-link{margin:18px 0 0!important;text-align:center;}
body.login .language-switcher{position:static!important;top:auto!important;margin:22px 0 0 calc(50% + 62px)!important;padding:0!important;width:432px!important;max-width:100%;color:#b7cbd5;}
body.login .language-switcher form{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
body.login .language-switcher label{color:#b7cbd5!important;font-size:12px;}
body.login .language-switcher select,body.login .language-switcher button,body.login .language-switcher .button{border:1px solid #b6ceda30!important;border-radius:6px;background:#183f51!important;color:#d5e3eb!important;min-height:32px;padding:4px 10px;font-size:12px;}
body.login .loginpress-show-love,body.login #loginpress_video-background-wrapper,body.login .loginpress-header{display:none!important;}
body.login .footer-wrapper{position:static!important;margin:24px auto 0!important;}
body.login .copyRight{background:transparent!important;color:#9eb8c5!important;padding:8px 12px!important;font-size:12px!important;}
@media(min-width:1600px){body.login #login,body.login .language-switcher{margin-left:calc(50% + 100px)!important;}.hn-hero{left:calc((100vw - 1240px)/2)}}
@media(max-width:1100px){body.login{padding:38px 24px!important;}.hn-hero{position:relative;top:auto;left:auto;width:100%;max-width:432px;margin:0 auto 30px;}.hn-brand{justify-content:center}.hn-brand-symbol{width:50px;height:50px;border-radius:14px}.hn-brand strong{font-size:14px}.hn-hero-content,.hn-hero-footer{display:none}body.login #login,body.login .language-switcher{margin-left:auto!important;margin-right:auto!important;}}
@media(max-width:480px){body.login{padding:27px 16px!important;}.hn-hero{margin-bottom:25px}.hn-brand-symbol{width:46px;height:46px;font-size:16px}.hn-brand strong{font-size:12px}.hn-brand-ministry{font-size:8px}.hn-brand-en{font-size:8px}body.login #login{padding:28px 24px 24px!important;border-radius:20px!important;}body.login .hn-heading h2{font-size:20px;}body.login #login h1 a,body.login #login .wp-login-logo a{width:76px!important;height:76px!important;}body.login .hn-heading{margin-bottom:22px;padding-bottom:21px;}}
body.login.interim-login{padding:20px!important;}body.login.interim-login .hn-hero{display:none}body.login.interim-login #login,body.login.interim-login .language-switcher{margin-left:auto!important;margin-right:auto!important;}
@media(prefers-reduced-motion:reduce){body.login *{transition:none!important;}}

body.login .hn-brand-symbol{background:#fff;border-color:#e4d3a5;border-radius:50%;padding:3px;flex-shrink:0;box-shadow:0 0 0 5px #ffffff05;}
body.login .hn-brand-symbol img{display:block;width:100%;height:100%;object-fit:contain;}

/* Compact responsive layout: grow naturally for errors, MFA and keyboards. */
body.login{display:grid!important;grid-template-columns:minmax(0,530px) 400px;grid-template-rows:auto auto;column-gap:clamp(40px,6vw,100px);row-gap:12px;justify-content:center;align-content:center;align-items:center;min-height:100vh!important;min-height:100svh!important;padding:24px 40px!important;}
body.login .hn-hero{grid-column:1;grid-row:1 / span 2;position:relative;top:auto;left:auto;width:100%;max-width:none;margin:0;align-self:center;}
body.login .hn-brand-symbol{width:52px;height:52px;}
body.login .hn-hero-content{margin-top:42px;}
body.login .hn-hero h2{font-size:clamp(34px,3.2vw,46px);line-height:1.2;letter-spacing:-1.3px;}
body.login .hn-hero-description{font-size:14px;line-height:1.65;max-width:365px;margin:18px 0 0;}
body.login .hn-art{height:165px;margin-top:14px;}
body.login .hn-orbit{width:230px;height:126px;top:43%;}
body.login .hn-orbit-two{width:280px;height:146px;}
body.login .hn-art-cross{top:43%;transform:translate(-50%,-50%) rotate(-9deg) scale(.75);}
body.login .hn-pulse{top:20px;}
body.login .hn-dot-one{top:20px;}.hn-dot-two{top:114px!important;}
body.login .hn-art-caption{bottom:0;font-size:8px;letter-spacing:1.5px;}
body.login .hn-hero-footer{padding-top:17px;margin-top:21px;font-size:8px;letter-spacing:.8px;}
body.login #login{grid-column:2;grid-row:1;width:400px!important;max-width:100%!important;margin:0!important;padding:24px 30px 18px!important;border-radius:20px!important;align-self:center;}
body.login #login h1 a,body.login #login .wp-login-logo a{width:64px!important;height:64px!important;margin:0 auto 9px!important;}
body.login .hn-heading{padding-bottom:13px;margin:0 0 16px;}
body.login .hn-eyebrow{font-size:9px;line-height:1.3;margin:0 0 5px;}
body.login .hn-heading h2{font-size:20px;line-height:1.3;}
body.login .hn-subtitle{font-size:12px;margin-top:5px;}
body.login #login form p{margin-top:0!important;margin-bottom:0!important;padding:0!important;}
body.login #login label{font-size:13px!important;line-height:20px!important;}
body.login #login input.input,body.login #login input[type=text],body.login #login input[type=email],body.login #login input[type=password]{height:44px!important;min-height:44px!important;margin:4px 0 12px!important;padding:9px 12px!important;line-height:24px!important;font-size:16px!important;}
body.login #login .wp-pwd{margin:0!important;}
body.login #login .wp-pwd input{padding-right:44px!important;}
body.login #login .button.wp-hide-pw{min-height:44px!important;height:44px!important;top:4px!important;margin:0!important;}
body.login #login .forgetmenot{min-height:32px;display:flex;align-items:center;gap:7px;}
body.login #login .forgetmenot input{margin:0!important;flex-shrink:0;}
body.login #login .forgetmenot label{display:flex;align-items:center;min-height:32px;}
body.login #login form .submit{padding-top:10px!important;}
body.login #login .button-primary{min-height:44px!important;height:44px!important;margin:0!important;padding:0 16px!important;line-height:42px!important;}
body.login #login #nav,body.login #login #backtoblog{margin:9px 0 0!important;padding:0!important;min-height:28px;line-height:28px!important;font-size:12px!important;}
body.login #login #nav a,body.login #login #backtoblog a{display:inline-block!important;min-height:28px;line-height:28px!important;}
body.login #login #backtoblog{padding-top:7px!important;margin-top:4px!important;}
body.login .language-switcher{position:static!important;width:100%!important;max-width:400px!important;margin:0 auto!important;padding:0!important;}
body.login>.language-switcher{grid-column:2;grid-row:2;}
body.login #login .language-switcher{margin:10px auto 0!important;padding-top:8px!important;border-top:1px solid #dfe8ed;}
body.login #login .language-switcher label{color:#6b7c86!important;}
body.login #login .language-switcher select,body.login #login .language-switcher .button,body.login #login .language-switcher button{background:#edf3f6!important;color:#36596a!important;border-color:#cedce3!important;}
body.login #login .language-switcher form{display:flex!important;align-items:center;justify-content:center;gap:6px;}
body.login .language-switcher select,body.login .language-switcher .button,body.login .language-switcher button{min-height:32px!important;height:32px!important;margin:0!important;padding:2px 8px!important;line-height:26px!important;}
body.login>.clear{display:none!important;}
body.login>.footer-wrapper{grid-column:1 / -1;margin:0!important;}
body.login .copyRight{padding:4px!important;font-size:11px!important;}
body.login #login .privacy-policy-page-link{margin:8px 0 0!important;font-size:12px;}
@media(max-width:1000px){
 body.login{grid-template-columns:minmax(0,400px);grid-template-rows:auto auto;gap:10px;padding:16px!important;}
 body.login .hn-hero{display:none;}
 body.login #login,body.login>.language-switcher{grid-column:1;margin:0 auto!important;}
 body.login #login{padding:22px 26px 17px!important;}
}
@media(max-width:480px){
 body.login{padding:12px!important;}
 body.login #login{padding:20px 23px 15px!important;border-radius:18px!important;}
 body.login .hn-heading h2{font-size:19px;}
 body.login #login .forgetmenot,body.login #login .forgetmenot label{min-height:36px;}
}
@media(max-height:650px){
 body.login{padding-top:10px!important;padding-bottom:10px!important;gap:8px;}
 body.login #login{padding-top:16px!important;padding-bottom:12px!important;}
 body.login #login h1 a,body.login #login .wp-login-logo a{width:52px!important;height:52px!important;margin-bottom:7px!important;}
 body.login .hn-heading{padding-bottom:10px;margin-bottom:12px;}
 body.login .hn-hero-content{margin-top:25px;}
 body.login .hn-art{height:130px;}
 body.login .hn-hero-footer{margin-top:14px;padding-top:12px;}
}
@media(max-height:480px){body.login{align-content:start;}.hn-art,.hn-hero-footer{display:none!important;}}
body.login.interim-login{display:grid!important;grid-template-columns:minmax(0,400px);padding:12px!important;}
body.login.interim-login #login,body.login.interim-login>.language-switcher{grid-column:1;}
body.login #login label{margin-bottom:0!important;}
body.login .language-switcher input[type=submit],body.login .language-switcher .button{width:auto!important;min-width:0!important;flex:0 0 auto!important;}
body.login .language-switcher select{width:auto!important;max-width:170px!important;flex:0 1 auto!important;}
body.login .footer-wrapper:has(>.footer-cont:empty){display:none!important;}
body.login{justify-content:center!important;}