*{box-sizing:border-box}body{margin:0;padding:24px 12px;background:#edf6f3;color:#192f43;font:16px system-ui}main{max-width:440px;margin:5vh auto;background:white;border:1px solid #bbd4cb;border-radius:16px;padding:24px}h1{color:#11665d}h2{font-size:21px}label{display:block;margin:16px 0 6px}input,button{width:100%;min-height:48px;font:inherit;padding:10px;border:1px solid #718d85;border-radius:8px}button{margin-top:20px;background:#11665d;color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.65}p{line-height:1.5;font-size:14px}.notice{padding:12px;background:#fff0f1;color:#922338}#message{min-height:1.5em}input:focus-visible,button:focus-visible{outline:3px solid #174f7f;outline-offset:2px}
.preview-badge{margin:0 0 18px;padding:9px 11px;border-radius:8px;background:#edf4fc;color:#174f7f;font-weight:700;text-align:center;letter-spacing:.02em}