.cats-form-shell { --cats-accent:#e87532; --cats-bg:#f7f5f2; --cats-button:#171717; background:var(--cats-bg); padding:clamp(22px,5vw,68px) 16px; border-radius:16px; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#222; }
.cats-form-shell * { box-sizing:border-box; }
.cats-form-card { width:min(100%,760px); margin:auto; background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:19px; padding:clamp(24px,5vw,54px); box-shadow:0 25px 70px rgba(30,23,17,.055); }
.cats-form-header { border-bottom:1px solid #e9e6e2; padding-bottom:27px; margin-bottom:30px; }
.cats-brand { min-height:58px; display:flex; align-items:center; margin-bottom:25px; }
.cats-form-logo { max-width:220px; max-height:70px; height:auto; width:auto; object-fit:contain; }
.cats-brand-mark { color:#171717; font-size:31px; font-weight:800; letter-spacing:-.08em; }
.cats-form-kicker { color:var(--cats-accent); font-size:11px; font-weight:750; letter-spacing:.15em; }
.cats-form-header h2 { margin:9px 0 8px; color:#191919; font-size:clamp(26px,4vw,38px); line-height:1.15; letter-spacing:-.04em; font-weight:700; }
.cats-form-header p { margin:0; color:#77716d; font-size:15px; line-height:1.65; }
.cats-public-form { display:grid; gap:23px; }
.cats-field { display:grid; gap:9px; }
.cats-label { font-size:14px; font-weight:650; color:#332d29; line-height:1.4; }
.cats-star { color:var(--cats-accent); }
.cats-optional { font-size:12px; font-weight:400; color:#99918b; }
.cats-field input:not([type=checkbox]):not([type=radio]), .cats-field select, .cats-field textarea { width:100%; max-width:100%; min-height:48px; padding:12px 15px; border:1px solid #d8d3ce; border-radius:10px; background:#fff; color:#222; font:inherit; font-size:15px; box-shadow:none; outline:none; transition:border-color .2s,box-shadow .2s; }
.cats-field textarea { min-height:124px; resize:vertical; }
.cats-field input:focus, .cats-field select:focus, .cats-field textarea:focus { border-color:var(--cats-accent)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--cats-accent) 16%,transparent)!important; }
.cats-field input::placeholder, .cats-field textarea::placeholder { color:#a8a19b; }
.cats-field small { color:#8b8580; font-size:12px; }
.cats-choices { display:grid; gap:8px; }
.cats-choice { display:flex; align-items:center; gap:10px; min-height:45px; padding:10px 13px; border:1px solid #e3dfda; border-radius:9px; background:#fff; cursor:pointer; font-size:14px; }
.cats-choice:hover { border-color:var(--cats-accent); background:#fdfaf7; }
.cats-choice input { accent-color:var(--cats-accent); margin:0; }
.cats-privacy { color:#746e69; font-size:13px; line-height:1.6; background:#f8f6f3; padding:14px 16px; border-radius:9px; }
.cats-submit { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:52px; padding:12px 20px; margin-top:4px; border:0; border-radius:10px; background:var(--cats-button); color:#fff; font:inherit; font-size:15px; font-weight:650; cursor:pointer; transition:transform .2s,opacity .2s; }
.cats-submit:hover { transform:translateY(-1px); opacity:.9; color:#fff; }
.cats-submit:focus-visible { outline:3px solid var(--cats-accent); outline-offset:3px; }
.cats-submit span { font-size:21px; font-weight:400; }
.cats-required-note { text-align:center; margin:-8px 0 0; font-size:12px; color:#99918b; }
.cats-notice { border-radius:10px; padding:16px; background:#f4f1ed; color:#524d48; line-height:1.5; }
.cats-notice ul { margin:8px 0 0 20px; }
.cats-error { background:#fff0ee; color:#89342b; }
.cats-success { background:#edf8f0; color:#246a3c; }
.cats-success { display:flex; align-items:flex-start; gap:13px; padding:20px; }
.cats-success-icon { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:#2c8b4b; color:#fff; font-weight:700; }
.cats-success h3 { margin:0 0 5px; color:inherit; font-size:18px; }
.cats-success p { margin:0; color:inherit; font-size:14px; }
.cats-honey { position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden; }
@media(max-width:600px) { .cats-form-shell { border-radius:0; padding:0; } .cats-form-card { border-radius:0; box-shadow:none; border:0; padding:28px 20px 34px; } .cats-form-header { margin-bottom:25px; } }