/* offer10.css — the 10% welcome offer (owner, 2026-10-18). Navy + one orange accent, the house button. */
.of10-back{position:fixed;inset:0;z-index:2147483000;background:rgba(7,11,30,.55);opacity:0;transition:opacity .2s ease-in}
.of10-back.is-in{opacity:1;transition:opacity .26s ease-out}
.of10{position:fixed;z-index:2147483001;inset-inline:0;bottom:0;margin:0 auto;width:min(100%,460px);max-height:100svh;overflow:auto;
  background:#fff;color:#0A1128;border-radius:22px 22px 0 0;padding:26px 22px calc(20px + env(safe-area-inset-bottom));
  font-family:"GSans",system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 -20px 60px -20px rgba(7,11,30,.45);
  transform:translateY(24px);opacity:0;transition:transform .16s ease-in,opacity .16s ease-in}
.of10.is-in{transform:none;opacity:1;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease-out}
@media (min-width:720px){.of10{bottom:auto;top:50%;border-radius:22px;padding:30px 30px 24px;transform:translateY(calc(-50% + 14px)) scale(.98)}
  .of10.is-in{transform:translateY(-50%)}}
.of10 *{box-sizing:border-box}
.of10-x{position:absolute;inset-block-start:10px;inset-inline-end:10px;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#4E5A73;font-size:22px;line-height:1;cursor:pointer}
.of10-x:hover{background:#F1F3F8;color:#0A1128}
.of10-k{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;color:#9E4206;margin:0 0 8px}
.of10 h2{margin:0 0 8px;font-size:clamp(26px,6.4vw,32px);line-height:1.12;letter-spacing:-.02em;font-weight:800}
.of10 h2 em{font-style:normal;color:#C4500A}
.of10-p{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:#4E5A73}
.of10 form{display:grid;gap:10px}
.of10 label{display:grid;gap:5px;font-size:14px;font-weight:600;color:#0A1128}
.of10 input,.of10 select{min-height:48px;width:100%;padding:0 14px;border:1px solid #C9D2E3;border-radius:12px;background:#F7F9FC;font:inherit;font-size:16px;color:#0A1128}
.of10 input:focus-visible,.of10 select:focus-visible,.of10-x:focus-visible,.of10-go:focus-visible,.of10-no:focus-visible{outline:3px solid #1B45E0;outline-offset:2px}
.of10 input[aria-invalid=true]{border-color:#B42318}
.of10-go{min-height:52px;margin-top:4px;border:0;border-radius:12px;background:#C4500A;color:#fff;font:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:background-color .15s ease-out,transform .15s ease-out}
.of10-go:hover{background:#A84408}.of10-go:active{transform:scale(.98)}.of10-go:disabled{opacity:.65;cursor:progress}
.of10-no{min-height:44px;border:0;background:none;color:#4E5A73;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.of10-msg{min-height:20px;margin:0;font-size:14px;color:#B42318}
.of10-fine{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:#5A6480}
.of10-fine a{color:#0A1128}
.of10-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.of10-ok{text-align:center;padding:10px 0 4px}
.of10-code{display:inline-block;margin:10px 0 12px;padding:10px 18px;border:2px dashed #C4500A;border-radius:12px;font-size:22px;font-weight:800;letter-spacing:.12em;direction:ltr;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.of10,.of10.is-in,.of10-back,.of10-back.is-in{transition:opacity .01ms}.of10{transform:none}@media (min-width:720px){.of10,.of10.is-in{transform:translateY(-50%)}}}
