:root{--nuu3d-ink:#111;--nuu3d-paper:#f7f4ed;--nuu3d-yellow:#ffde59;--nuu3d-muted:#686868}
body.login{background:var(--nuu3d-paper);color:var(--nuu3d-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.login::before{content:"";position:fixed;inset:0 0 auto;height:8px;background:var(--nuu3d-yellow)}
.login #login{width:min(400px,calc(100% - 40px));padding:7vh 0 3rem}
.login h1 a{width:auto;height:auto;margin:0 0 1.5rem;background:none;color:var(--nuu3d-ink);font-size:2.4rem;font-weight:900;line-height:1;letter-spacing:-.07em;text-indent:0}
.nuu3d-login-intro{margin:0 0 1rem;text-align:center;color:var(--nuu3d-muted);font-size:1rem;line-height:1.5}
.login form{margin-top:0;padding:2rem;border:1px solid #dedbd4;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgb(25 22 15/8%)}
.login label{color:var(--nuu3d-ink);font-weight:650}.login form .input,.login input[type=text]{padding:.55rem .8rem;border:1px solid #c9c5bc;border-radius:12px;background:#fff;font-size:1rem}
.login form .input:focus,.login input[type=text]:focus{border-color:var(--nuu3d-ink);box-shadow:0 0 0 3px rgb(255 222 89/45%)}
.login .button-primary{min-height:42px;padding:0 1.2rem;border:0;border-radius:999px;background:var(--nuu3d-ink);font-weight:700}.login .button-primary:hover,.login .button-primary:focus{background:#333}
.login #nav,.login #backtoblog{text-align:center}.login #nav a,.login #backtoblog a{color:var(--nuu3d-ink)}.login .privacy-policy-page-link{margin-top:1rem}