:root { font-family: "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #282b27; background: #f7f8f5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 28px; }
main { width: min(100%, 340px); }
.wordmark { width: 280px; max-width: 100%; aspect-ratio: 3.85; position: relative; overflow: hidden; margin: 0 auto; mix-blend-mode: multiply; }
.wordmark img { position: absolute; width: 144%; height: auto; left: -22%; top: -110%; }
h1 { margin: 25px 0 44px; text-align: center; color: #777a70; font-size: 13px; font-weight: 500; letter-spacing: .08em; }
label { display: block; margin-bottom: 9px; font-size: 13px; }
input, button { width: 100%; min-height: 48px; border-radius: 10px; font: inherit; }
input { border: 1px solid #d9ddd2; background: #fff; padding: 12px 14px; }
input:focus-visible, button:focus-visible { outline: 2px solid #657858; outline-offset: 3px; }
button { margin-top: 14px; border: 0; background: #43543b; color: #fff; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
#feedback { min-height: 40px; color: #68594b; font-size: 13px; line-height: 1.6; }