.login-form {max-width:520px;display:grid;gap:18px;margin:24px 0}
.login-form label {display:grid;gap:6px;font-weight:600}
.login-form input {box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;background:#fff;font:inherit}
.login-form .button {cursor:pointer;justify-self:start;padding:12px 20px}
header nav {flex-wrap:wrap}
.account-notice {display:flex;align-items:flex-start;gap:14px;margin:24px 0;padding:20px;border:1px solid;border-radius:12px;overflow-wrap:anywhere}
.account-notice-success {background:#edf8f0;border-color:#9bcba8;color:#185b32}
.account-notice-error {background:#fff1f0;border-color:#e4aaa5;color:#8b2823}
.account-notice-icon {display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:currentColor;font-size:0}
.account-notice-icon::after {font-size:20px;font-weight:700;color:white;content:"✓"}
.account-notice-error .account-notice-icon::after {content:"!"}
.account-notice h2 {margin:0 0 8px;font-size:21px;line-height:1.3;color:inherit}
.account-notice p {margin:6px 0;line-height:1.5;color:inherit}
.account-notice p:last-child {margin-bottom:0}
@media (max-width:600px) {.account-notice {padding:16px;gap:10px}.account-notice h2 {font-size:18px}}
.account-menu {position:relative;margin:0 0 0 auto;max-width:320px}
.account-menu summary {display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:3px 12px;padding:8px 12px;background:#f4f7fa;border-radius:9px;list-style:none;text-align:right}
.account-menu summary::-webkit-details-marker {display:none}
.account-menu-name {font-size:14px;font-weight:650;overflow-wrap:anywhere}
.account-menu-login {grid-column:1;font-size:12px;color:#68778b;font-weight:400;overflow-wrap:anywhere}
.account-menu-chevron {grid-column:2;grid-row:1/3;align-self:center}
.account-menu-links {position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:240px;max-width:calc(100vw - 36px);padding:8px;background:white;border:1px solid #dfe6ed;border-radius:10px;box-shadow:0 8px 25px #21304718}
.account-menu-links a {display:block;padding:10px;border-radius:6px;font-size:14px}
.account-menu-links a:hover {background:#f4f7fa;text-decoration:none}
header nav {margin-left:auto}
.account-note h2 {margin-top:0}
@media (max-width:600px) {header nav {order:3;flex-basis:100%;margin-left:0}.account-menu {max-width:55%}}