@font-face { font-family: "Noto Sans JP"; src: url("/assets/fonts/NotoSansJP-VF.ttf") format("truetype-variations"); font-weight: 100 900; font-style: normal; }
* { box-sizing: border-box; }
body { display: grid; min-height: 100dvh; margin: 0; padding: 20px; place-items: center; color: #211e1c; background: #191716; font-family: "Noto Sans JP", sans-serif; }
main { width: min(100%, 420px); padding: 28px 22px; border-radius: 18px; background: #fff; box-shadow: 0 18px 50px rgb(0 0 0 / 30%); }
.eyebrow { margin: 0 0 4px; color: #a51f2d; font-size: 13px; font-weight: 800; }
h1 { margin: 0; font-size: 24px; line-height: 1.35; }
.lead { margin: 14px 0 22px; color: #615b56; font-size: 14px; line-height: 1.7; }
label { display: block; margin-bottom: 7px; font-weight: 800; }
input { width: 100%; min-height: 54px; padding: 10px 12px; border: 2px solid #bbb4ad; border-radius: 11px; font: inherit; font-size: 18px; }
button { width: 100%; min-height: 56px; margin-top: 14px; border: 0; border-radius: 11px; color: #fff; background: #a51f2d; font: inherit; font-size: 18px; font-weight: 850; }
button:disabled { opacity: .55; }
#error { min-height: 24px; margin: 10px 0 0; color: #8d1320; font-size: 14px; font-weight: 700; text-align: center; }
input:focus-visible, button:focus-visible { outline: 3px solid #2076d2; outline-offset: 2px; }