.navbutton{background:transparent}.loginbody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#ffdbe3,transparent 34%),radial-gradient(circle at 85% 80%,#eeeade,transparent 35%),#f8f8f4}.loginbox{width:min(440px,calc(100% - 32px));padding:45px;background:#fffffc;border:1px solid #e4e5dc;border-radius:22px;box-shadow:0 28px 80px #5239401c}.loginlogo{display:flex;align-items:center;gap:13px;margin-bottom:22px}.loginlogo b{font-size:25px}.loginbox h1{font-size:38px;letter-spacing:-.04em;margin:4px 0}.loginbox>p:not(.eyebrow){color:#7e8479}.loginbox label{display:block;margin:17px 0}.loginbox label span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7e8479;margin-bottom:7px}.loginbox button{width:100%;padding:13px;margin-top:8px}

/* Password visibility control stays inside the login input. */
.loginbox label .password-control{position:relative;display:block;width:100%;margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}
.loginbox .password-control>input{display:block;width:100%;padding-right:48px!important}
.loginbox .password-control>.password-toggle{position:absolute;z-index:2;top:50%;right:8px;bottom:auto;left:auto;display:grid;place-items:center;width:34px;height:34px;min-width:34px;margin:0;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:#777f74;box-shadow:none}
.loginbox .password-control>.password-toggle:hover,.loginbox .password-control.is-visible>.password-toggle{background:#fff0f3;color:#a13950}
.loginbox .password-control>.password-toggle:focus-visible{outline:2px solid #f45b7a;outline-offset:1px}
.loginbox .password-control>.password-toggle svg{display:block;width:19px;height:19px;margin:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}