:root { --navy:#0a2463; --red:#c8202f; --bg:#f5f6f8; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; background:var(--bg); color:#1b1f27; }
header { background:#fff; border-bottom:4px solid var(--red); text-align:center; padding:10px 16px; }
header img { max-width:260px; width:70%; height:auto; }
main { max-width:560px; margin:0 auto; padding:20px 16px calc(32px + env(safe-area-inset-bottom)); }
h1 { color:var(--navy); margin:0 0 4px; font-size:1.6rem; }
.sub { color:#555; margin:0 0 16px; }

.jtwf label { display:block; margin-bottom:14px; cursor:pointer; }
.jtwf .lbl { font-weight:700; margin-bottom:6px; }
.jtwf .req { color:var(--red); font-weight:400; }
.jtwf .hint { color:#666; font-size:.9rem; margin-bottom:6px; }
.jtwf input, .jtwf textarea { display:block; width:100%; padding:12px; font:inherit; border:1px solid #c5cad3; border-radius:8px; background:#fff; }
.jtwf textarea { min-height:96px; resize:vertical; }
.jtwf input:focus, .jtwf textarea:focus { outline:3px solid #c9d4ff; border-color:var(--navy); }
.jtwf .actions { margin-top:8px; }
.jtwf button { width:100%; padding:14px; font:inherit; font-weight:700; border:0; border-radius:8px; background:var(--red); color:#fff; cursor:pointer; }
.jtwf button:disabled { opacity:.6; }

.call { text-align:center; margin-top:20px; }
.call a { color:var(--red); font-weight:700; }