*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100dvh;font-family:"Hiragino Maru Gothic ProN","Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff;background:#073B55;display:flex;align-items:flex-end}
.bg{position:fixed;inset:0;background:url(/img/cover.jpg) center/cover}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,59,85,.1),rgba(7,59,85,.85) 70%)}
main{position:relative;width:100%;max-width:480px;margin:0 auto;padding:24px 20px calc(36px + env(safe-area-inset-bottom))}
small{font:800 11px system-ui,sans-serif;letter-spacing:.14em}
h1{font-size:30px;font-weight:900;margin:2px 0}
form{margin-top:22px;background:rgba(255,255,255,.96);color:#0E2A38;border-radius:22px;padding:18px}
label{font-size:13px;font-weight:700;color:#5A7180}
input{display:block;width:100%;font:inherit;font-size:18px;padding:12px 14px;border:2px solid #DCE9EF;border-radius:14px;margin:6px 0 12px;outline:none}
input:focus{border-color:#0B78A6}
button{width:100%;font:inherit;font-size:17px;font-weight:900;color:#fff;background:#0B78A6;border:0;border-radius:30px;padding:13px}
button:disabled{opacity:.5}
#err{color:#B2401A;font-size:14px;font-weight:700;margin-top:8px;min-height:1em}
.small{font-size:12px;opacity:.85;margin-top:12px}