*{box-sizing:border-box}body{margin:0;background:#fff;color:#333;font:18px/1.6 Abel,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid #e7e9dd}header strong{font:500 22px/1.5 "Tsukimi Rounded",sans-serif;color:#031102}nav{display:flex;gap:16px}nav a{color:#586337;text-decoration:none;font:18px Abel,Arial,sans-serif}nav a[aria-current]{text-decoration:underline;font-weight:bold}main{max-width:780px;margin:70px auto;padding:25px;text-align:center}h1{font:500 clamp(19px,3vw,27px)/1.7 "Tsukimi Rounded",sans-serif;color:#031102;margin:0 0 32px}.password-field{display:flex;max-width:280px;margin:auto;border:1px solid #b7c27a;border-radius:4px;background:#fff}.password-field:focus-within{outline:2px solid #b7c27a;outline-offset:3px}input{width:100%;min-width:0;border:0;padding:12px 15px;font:20px Arial,sans-serif;background:transparent;color:#333;outline:0}button{border:0;border-radius:0 3px 3px 0;background:#b7c27a;color:#fff;padding:10px 13px;cursor:pointer;display:flex;align-items:center}button:hover{background:#a5b16b}button:focus-visible{outline:2px solid #586337;outline-offset:3px}p[role=alert]{font:18px Abel,Arial,sans-serif;color:#a33f32}@media(max-width:500px){header{flex-wrap:wrap;padding:15px}header strong{font-size:19px}main{margin:35px auto}}
