:root{--brand-green: #1a5960;--brand-gold: #fe9e01;--brand-orange: #d9480f;--login-bg: #121212;--login-card-bg: rgba(30, 30, 30, .65);--login-border: rgba(255, 255, 255, .08);--login-text: #e2e8f0;--login-text-muted: #94a3b8;--login-input-bg: rgba(0, 0, 0, .3)}body.login{background-color:var(--login-bg);background-image:radial-gradient(ellipse at 0% 0%,rgb(254 158 1 / .15) 0,transparent 50%),radial-gradient(ellipse at 100% 0%,rgb(26 89 96 / .15) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgb(217 72 15 / .1) 0,transparent 50%);background-attachment:fixed;color:var(--login-text);font-family:Be Vietnam Pro,Inter,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}#login{width:100%!important;max-width:400px!important;padding:2vh 20px 0!important;margin:auto}.language-switcher{display:none}.login h1 a{background-image:url("../woff2/logo-chu-vang.png");background-size:contain;background-position:center center;background-repeat:no-repeat;width:240px;height:80px;outline:none;margin:0 auto 30px;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s ease;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .4))}.login h1 a:hover{transform:scale(1.06) translateY(-4px);filter:drop-shadow(0 8px 16px rgb(254 158 1 / .3))}.login form{background:var(--login-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--login-border);border-radius:16px;box-shadow:0 24px 48px #0006,inset 0 1px #ffffff1a;padding:32px 28px;margin-top:0;transition:box-shadow .3s ease}.login form:hover{box-shadow:0 32px 64px #00000080,inset 0 1px #ffffff1f}.login label{color:var(--login-text);font-weight:500;font-size:14.5px;margin-bottom:8px;display:block}.login input[type=text],.login input[type=password],.login input[type=email]{background:var(--login-input-bg);border:1px solid rgb(255 255 255 / .12);color:#fff;border-radius:10px;padding:12px 16px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003;width:100%}.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{border-color:var(--brand-gold);background:#00000080;box-shadow:0 0 0 4px #fe9e0126;outline:none}.login .forgetmenot{margin-top:5px;display:flex;align-items:center}.login input[type=checkbox]{background:var(--login-input-bg);border:1px solid rgb(255 255 255 / .2);border-radius:6px;width:18px;height:18px;margin-right:8px;cursor:pointer;transition:all .2s ease}.login input[type=checkbox]:checked{background:var(--brand-gold);border-color:var(--brand-gold)}.login input[type=checkbox]:focus{box-shadow:0 0 0 3px #fe9e0133;outline:none}.login .submit{margin-top:24px;float:none}.login .button-primary{width:100%;background:linear-gradient(135deg,var(--brand-green),#113c41);border:1px solid rgb(255 255 255 / .1);color:#fff;border-radius:10px;padding:12px 24px;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #1a596066;text-shadow:none;cursor:pointer;display:flex;justify-content:center;align-items:center;min-height:46px}.login .button-primary:hover,.login .button-primary:focus{transform:translateY(-2px);box-shadow:0 8px 20px #1a596099;background:linear-gradient(135deg,#1f6b73,var(--brand-green));color:#fff;border-color:#fff3}.login .button-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #1a596066}.login #backtoblog,.login #nav{text-align:center;margin:20px 0 0;padding:0}.login #backtoblog a,.login #nav a{color:var(--login-text-muted);transition:all .3s ease;text-decoration:none;font-size:14px;font-weight:500}.login #backtoblog a:hover,.login #nav a:hover{color:var(--brand-gold);text-shadow:0 0 8px rgb(254 158 1 / .3)}.login .message,.login #login_error{background:var(--login-card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--login-border);border-left:4px solid var(--brand-green);border-radius:12px;color:var(--login-text);box-shadow:0 8px 24px #0000004d;padding:16px 20px;margin-bottom:24px;font-size:14px;font-weight:500}.login #login_error{border-left-color:var(--brand-orange)}.login form,.login .message,.login #login_error{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login *{outline:none!important}