.syou-if,
.syou-if * { box-sizing:border-box; }
.syou-if {
    --syou-blue:#0C8EF1;
    --syou-dark:#020817;
    --syou-text:#161616;
    --syou-muted:#6f6f6f;
    --syou-line:#e0e0e0;
    --syou-light:#f4f4f4;
    width:100%;
    margin:0 auto;
    color:var(--syou-text);
    font-family:"Bai Jamjuree",Arial,sans-serif;
}
.syou-if button,
.syou-if input,
.syou-if select,
.syou-if textarea { font:inherit; }
.syou-if__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--syou-line); overflow:hidden; }
.syou-if__step-tab,
.syou-if button.syou-if__step-tab {
    display:flex; align-items:center; justify-content:center; gap:12px; min-width:0; margin:0; padding:12px 18px;
    border:0; border-right:1px solid var(--syou-line); border-radius:0; background:var(--syou-light); color:#a8a8a8;
    font-family:"Bai Jamjuree",Arial,sans-serif; cursor:default; box-shadow:none; transition:background-color .2s,color .2s;
}
.syou-if__step-tab:last-child { border-right:0; }
.syou-if__step-tab span { font-weight:400; opacity:.75; }
.syou-if__step-tab strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.syou-if__step-tab.is-active,
.syou-if button.syou-if__step-tab.is-active { background:var(--syou-blue); color:#fff; }
.syou-if__step-tab.is-complete { color:var(--syou-text); }
.syou-if__progress { position:relative; height:2px; margin-top:44px; background:var(--syou-line); overflow:hidden; }
.syou-if__progress span { display:block; width:0; height:100%; background:var(--syou-blue); transition:width .35s ease; }
.syou-if__body { margin-top:32px; }
.syou-if__panel { animation:syou-if-enter .3s ease both; }
.syou-if__panel[hidden] { display:none !important; }
@keyframes syou-if-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
.syou-if__fields { display:grid; gap:24px; }
.syou-if__field { display:block; min-width:0; margin:0; }
.syou-if__label { display:block; margin:0 0 8px; color:var(--syou-text); font-weight:600; line-height:1.35; }
.syou-if__required-star { color:#da1e28; }
.syou-if__control,
.syou-if__select,
.syou-if input.syou-if__control,
.syou-if select.syou-if__select {
    display:block; width:100%; min-height:54px; margin:0; padding:14px 16px; border:1px solid #c6c6c6; border-radius:0;
    background:#fff; color:var(--syou-text); font-family:"Bai Jamjuree",Arial,sans-serif; font-size:16px; line-height:1.35;
    outline:0; box-shadow:none; transition:border-color .2s,box-shadow .2s,background-color .2s;
}
.syou-if__control::placeholder { color:#8d8d8d; opacity:1; }
.syou-if__control:hover,
.syou-if__select:hover { border-color:#8d8d8d; }
.syou-if__control:focus,
.syou-if__select:focus { border-color:var(--syou-blue); box-shadow:0 0 0 1px var(--syou-blue); }
.syou-if__field.is-invalid .syou-if__control,
.syou-if__field.is-invalid .syou-if__select { border-color:#da1e28; box-shadow:0 0 0 1px #da1e28; }
.syou-if__field-error { display:block; min-height:0; margin-top:5px; color:#da1e28; font-size:12px; line-height:1.35; }
.syou-if__field-error:empty { display:none; }
.syou-if__consent-field { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:start; position:relative; margin:4px 0 0; cursor:pointer; }
.syou-if__consent-field .syou-if__field-error { grid-column:2; }
.syou-if__consent-input { position:absolute; width:1px; height:1px; margin:0; opacity:0; pointer-events:none; }
.syou-if__consent-box { position:relative; display:block; width:20px; height:20px; margin-top:1px; border:1px solid #8d8d8d; background:transparent; transition:.2s; }
.syou-if__consent-input:focus-visible + .syou-if__consent-box { outline:2px solid var(--syou-blue); outline-offset:2px; }
.syou-if__consent-input:checked + .syou-if__consent-box { border-color:var(--syou-blue); background:var(--syou-blue); }
.syou-if__consent-input:checked + .syou-if__consent-box::after { content:""; position:absolute; left:50%; top:46%; width:28%; height:52%; transform:translate(-50%,-50%) rotate(45deg); border-right:2px solid #fff; border-bottom:2px solid #fff; }
.syou-if__consent-text { min-width:0; color:#525252; font-size:13px; line-height:1.55; }
.syou-if__consent-text p { margin:0; }
.syou-if__consent-text a { color:var(--syou-blue); text-decoration:underline; text-underline-offset:2px; }
.syou-if__consent-field.is-invalid .syou-if__consent-box { border-color:#da1e28; }
.syou-if__required-note { margin:0; color:var(--syou-muted); font-size:12px; }
.syou-if__actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin-top:28px; }
.syou-if__actions--single { grid-template-columns:1fr; }
.syou-if__button,
.syou-if button.syou-if__button,
.syou-if button[type="button"].syou-if__button,
.syou-if button[type="submit"].syou-if__button {
    position:relative; display:inline-flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:70px;
    margin:0; padding:18px 24px; border:0; border-radius:0; background:var(--syou-dark); color:#fff;
    font-family:"IBM Plex Mono",monospace; font-size:13px; line-height:1; font-weight:500; letter-spacing:.14em; text-transform:uppercase;
    cursor:pointer; transition:background-color .2s,color .2s,opacity .2s; box-shadow:none;
}
.syou-if__button svg { width:1em; height:1em; fill:currentColor; }
.syou-if__button--primary:hover,
.syou-if__button--primary:focus { background:var(--syou-blue); color:#fff; }
.syou-if__button--back,
.syou-if button.syou-if__button--back { background:#e0e0e0; color:var(--syou-text); }
.syou-if__button--back:hover,
.syou-if__button--back:focus { background:#c6c6c6; color:var(--syou-text); }
.syou-if__button.is-loading { pointer-events:none; opacity:.72; }
.syou-if__spinner { display:none; width:18px; height:18px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:syou-if-spin .7s linear infinite; }
.syou-if__button.is-loading svg,
.syou-if__button.is-loading > span { display:none; }
.syou-if__button.is-loading .syou-if__spinner { display:block; }
@keyframes syou-if-spin { to { transform:rotate(360deg); } }
.syou-if__message { min-height:22px; margin-top:16px; font-size:14px; line-height:1.5; }
.syou-if__message.is-error { color:#da1e28; }
.syou-if__message.is-success { color:#198038; }
.syou-if__honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }
@media (max-width:767px) {
    .syou-if__step-tab,
    .syou-if button.syou-if__step-tab { min-height:56px; gap:5px; padding:9px 5px; font-size:11px; line-height:1.2; text-align:center; }
    .syou-if__step-tab strong { display:block; white-space:normal; font-size:10px; }
    .syou-if__progress { margin-top:28px; }
    .syou-if__body { margin-top:24px; }
    .syou-if__fields { gap:20px; }
    .syou-if__control,
    .syou-if__select,
    .syou-if input.syou-if__control,
    .syou-if select.syou-if__select { min-height:50px; padding:13px 14px; font-size:15px; }
    .syou-if__actions { grid-template-columns:1fr; }
    .syou-if__button,
    .syou-if button.syou-if__button { min-height:58px; padding:15px 18px; }
    .syou-if__button--back { order:2; }
}
@media (prefers-reduced-motion:reduce) {
    .syou-if *, .syou-if *::before, .syou-if *::after { scroll-behavior:auto !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}

.syou-if textarea.syou-if__control{min-height:150px;resize:vertical;}
.syou-if__test-badge{margin:0 0 14px;padding:9px 12px;background:#fff3cd;color:#664d03;font-size:12px;font-weight:600;border-left:3px solid #ffb000;}
.syou-if__counter{display:block;margin-top:6px;text-align:right;color:var(--syou-muted);font-family:"IBM Plex Mono",monospace;font-size:11px;line-height:1.4;}