body.login #login{width:min(644px,calc(100vw - 32px));padding-top:44px}body.login h1 a{filter:brightness(0) invert(1);opacity:.82}body.login #loginform{background:transparent;border:0;box-shadow:none;padding:0}body.login label,body.login #nav a,body.login #backtoblog a{color:#f8fafc}body.login input[type="text"],body.login input[type="password"]{border-radius:6px}.a360-login-avatar-panel{margin:24px 0;color:#fff}.a360-login-avatar-panel h2{margin:0 0 18px;color:#fff;font-size:28px;line-height:1.18;font-weight:700}.a360-login-avatar-grid{display:grid;grid-template-columns:repeat(4,134px);gap:34px 36px}.a360-login-avatar-option{display:block;position:relative;width:134px;height:134px;cursor:pointer}.a360-login-avatar-option input{position:absolute;opacity:0;pointer-events:none}.a360-login-avatar-option span{display:grid;place-items:center;width:134px;height:134px;background:#fff;border:4px solid #fff;transition:border-color .15s ease,transform .15s ease}.a360-login-avatar-option svg{width:74px;height:74px;stroke:#0b0b0f;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.a360-login-avatar-option input:checked + span{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 0 0 2px rgba(56,189,248,.35)}.a360-login-avatar-option em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width:700px){.a360-login-avatar-grid{grid-template-columns:repeat(3,1fr);gap:16px}.a360-login-avatar-option,.a360-login-avatar-option span{width:100%;height:auto;aspect-ratio:1}}