@font-face{ font-family: 'MC Roboto'; font-weight: 400 700; font-display: swap; src: url('../fonts/roboto-vietnamese.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face{ font-family: 'MC Roboto'; font-weight: 400 700; font-display: swap; src: url('../fonts/roboto-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+2000-206F; }

@media screen{
    body.login{ background: #f3f4f6; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Roboto, 'MC Roboto', 'Segoe UI', Arial, sans-serif; color: #161b26; }
    .login h1 a{ background: none; width: 64px; height: 64px; border-radius: 18px; background-color: #a61e32; text-indent: 0px; font-size: 0px; position: relative; }
    .login h1 a::after{ content: '囍'; position: absolute; inset: 0px; display: grid; place-items: center; color: #ffffff; font-size: 34px; font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; }
    .login form{ border: 1px solid #e4e7ec; border-radius: 16px; box-shadow: 0px 1px 2px rgba(16, 24, 40, .06); padding: 26px 24px; }
    .login label{ font-weight: 600; font-size: 14px; }
    .login input[type="text"], .login input[type="password"]{ border-radius: 10px; border-color: #cdd2da; font-size: 16px; padding: 6px 12px; }
    .login input[type="text"]:focus, .login input[type="password"]:focus{ border-color: #2f6db0; box-shadow: 0px 0px 0px 3px rgba(47, 109, 176, .3); }
    .wp-core-ui .button-primary{ background: #1d2b4f; border-color: #1d2b4f; border-radius: 10px; height: 40px; padding: 0px 18px; font-weight: 600; }
    .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus{ background: #2a3d6c; border-color: #2a3d6c; }
    .login #nav a, .login #backtoblog a{ color: #4a5363; }
    .login .message, .login .notice{ border-radius: 10px; }
}