:root{--pixels:#07989b;--pixels-dark:#032f32;--ink:#162022}*{box-sizing:border-box}body.login{min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(9,166,169,.34),transparent 34%),radial-gradient(circle at 85% 80%,rgba(0,97,102,.3),transparent 32%),linear-gradient(135deg,#021c1e 0%,#063f42 52%,#021b1d 100%);font-family:"Noto Sans Thai",Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:28px}body.login:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}#login{width:440px;padding:0;position:relative;z-index:2;background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.42);overflow:hidden}#login:before{content:"PIXELS WEBSITE MANAGEMENT";display:block;padding:25px 40px 10px;color:var(--pixels);font-size:11px;font-weight:700;letter-spacing:2.4px;text-align:center}.login h1{margin:0;padding:2px 0 10px}.login h1 a{background-image:url('assets/logo.avif');background-size:contain;background-position:center;width:190px;height:48px;margin:0 auto}.pixels-welcome{text-align:center;padding:0 35px 21px}.pixels-welcome strong{display:block;color:var(--ink);font-size:24px;line-height:1.35}.pixels-welcome span{display:block;color:#7c8586;font-size:14px;margin-top:5px}.login form{border:0;box-shadow:none;margin:0;padding:25px 40px 34px;background:#f7f9f9;border-top:1px solid #e9eeee}.login label{color:#394546;font-size:13px;font-weight:600}.login form .input,.login input[type=password],.login input[type=text]{margin-top:7px;margin-bottom:17px;height:50px;padding:0 15px;border:1px solid #d9e1e1;border-radius:10px;background:#fff;font-size:16px;color:#182324;box-shadow:none;transition:.2s}.login form .input:focus,.login input[type=password]:focus,.login input[type=text]:focus{border-color:var(--pixels);box-shadow:0 0 0 3px rgba(7,152,155,.12)}.wp-core-ui .button-primary{min-height:48px;padding:0 26px;border:0;border-radius:25px;background:linear-gradient(135deg,#0aa7aa,#087b7f);font-weight:700;text-shadow:none;box-shadow:0 8px 20px rgba(7,152,155,.28);transition:.2s}.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{background:#056f73;transform:translateY(-1px)}.login .button.wp-hide-pw{top:8px;color:var(--pixels)}.login .forgetmenot{padding-top:12px}.login #nav,.login #backtoblog{margin:0;padding:0 40px;text-align:center;background:#fff}.login #nav{padding-top:20px}.login #backtoblog{padding-top:10px;padding-bottom:24px}.login #nav a,.login #backtoblog a{color:#677273}.login #nav a:hover,.login #backtoblog a:hover{color:var(--pixels)}.login .message,.login .notice,.login .success{margin:20px 40px 0;border:0;border-left:4px solid var(--pixels);border-radius:8px;box-shadow:none;background:#edf8f8}.language-switcher{display:none}.privacy-policy-page-link{margin:15px 0;color:rgba(255,255,255,.65)}@media(max-width:520px){body.login{padding:16px;align-items:flex-start;padding-top:34px}#login{width:100%;border-radius:17px}#login:before{padding-left:20px;padding-right:20px}.login form{padding:24px}.login .message,.login .notice,.login .success{margin-left:24px;margin-right:24px}}