.syou-af {
    --syou-blue: #0f62fe;
    --syou-dark: #020817;
    --syou-text: #161616;
    --syou-muted: #6f6f6f;
    --syou-line: #e0e0e0;
    --syou-light: #f4f4f4;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: var(--syou-text);
    font-family: "Bai Jamjuree", Arial, sans-serif;
}
.syou-af *, .syou-af *::before, .syou-af *::after { box-sizing: border-box; }
.syou-af input, .syou-af textarea, .syou-af select, .syou-af label, .syou-af .syou-af__step-tab, .syou-af .syou-af__upload, .syou-af .syou-af__consent-text, .syou-af .syou-af__required-note, .syou-af .syou-af__counter, .syou-af .syou-af__photo-summary, .syou-af .syou-af__error, .syou-af .syou-af__alert { font-family: "Bai Jamjuree", Arial, sans-serif; }
.syou-af [hidden] { display: none !important; }
.syou-af__test-badge { margin: 0 0 12px; padding: 9px 12px; background:#fff8e1; color:#684e00; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.syou-af__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--syou-line); border-bottom:1px solid var(--syou-line); overflow:hidden; }
.syou-af__step-tab, .syou-af button.syou-af__step-tab { display:flex; align-items:center; justify-content:center; gap:12px; min-width:0; min-height:68px; margin:0; padding:14px 18px; border:0; border-right:1px solid var(--syou-line); border-radius:0; background:#fff; color:#c6c6c6; font:inherit; cursor:pointer; box-shadow:none; }
.syou-af__step-tab:last-child { border-right:0; }
.syou-af__step-tab span { font-weight:400; opacity:.8; }
.syou-af__step-tab strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.syou-af__step-tab.is-active, .syou-af__step-tab.is-complete { background:var(--syou-blue); color:#fff; }
.syou-af__body { margin-top:40px; }
.syou-af__progress { height:1px; background:var(--syou-line); overflow:hidden; }
.syou-af__progress span { display:block; width:33.333%; height:2px; background:var(--syou-blue); transition:width .35s ease; }
.syou-af__alert { margin:18px 0 0; padding:14px 16px; background:#fff1f1; color:#a2191f; font-size:14px; line-height:1.5; }
.syou-af__alert.is-success { background:#defbe6; color:#0e6027; }
.syou-af__panel.is-active { animation:syou-af-panel-in .28s ease both; }
@keyframes syou-af-panel-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.syou-af__fields { display:flex; flex-direction:column; gap:26px; padding-top:34px; }
.syou-af__field { position:relative; min-width:0; }
.syou-af__label { display:block; margin:0 0 8px; color:var(--syou-text); font-size:16px; line-height:1.35; font-weight:600; }
.syou-af__required { color:#da1e28; }
.syou-af__control, .syou-af__select, .syou-af input.syou-af__control, .syou-af textarea.syou-af__control, .syou-af select.syou-af__select { display:block; width:100%; max-width:100%; min-height:54px; margin:0; padding:15px 16px; border:1px solid var(--syou-line); border-radius:0; background:#fff; color:var(--syou-text); font-family:inherit; font-size:16px; line-height:1.45; outline:0; box-shadow:none; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease; }
.syou-af textarea.syou-af__control { min-height:160px; resize:vertical; }
.syou-af__control::placeholder { color:#8d8d8d; opacity:1; }
.syou-af__control:focus, .syou-af__select:focus { border-color:var(--syou-blue); box-shadow:inset 0 -2px 0 var(--syou-blue); }
.syou-af__field.is-invalid .syou-af__control, .syou-af__field.is-invalid .syou-af__select, .syou-af__field.is-invalid .syou-af__upload { border-color:#da1e28; }
.syou-af__error { display:none; margin-top:6px; color:#da1e28; font-size:12px; line-height:1.35; }
.syou-af__field.is-invalid > .syou-af__error { display:block; }
.syou-af__counter { margin-top:6px; text-align:right; color:var(--syou-muted); font-size:12px; }
.syou-af__required-note { display:flex; align-items:flex-start; gap:12px; margin-top:30px; padding-top:14px; border-top:1px solid var(--syou-line); color:var(--syou-muted); font-size:13px; line-height:1.6; }
.syou-af__consent-field { margin-top:8px; }
.syou-af__consent-label { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:12px; cursor:pointer; }
.syou-af__consent-input { position:absolute; width:1px; height:1px; margin:0; opacity:0; pointer-events:none; }
.syou-af__consent-box { position:relative; display:block; width:20px; height:20px; margin-top:1px; border:1px solid #8d8d8d; background:transparent; transition:border-color .2s ease,background-color .2s ease; }
.syou-af__consent-input:focus-visible + .syou-af__consent-box { outline:2px solid var(--syou-blue); outline-offset:2px; }
.syou-af__consent-input:checked + .syou-af__consent-box { border-color:var(--syou-blue); background:var(--syou-blue); }
.syou-af__consent-input:checked + .syou-af__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-af__consent-text { min-width:0; color:#525252; font-size:13px; line-height:1.55; }
.syou-af__consent-text p { margin:0; }
.syou-af__consent-text a { color:var(--syou-blue); text-decoration:underline; text-underline-offset:2px; }
.syou-af__consent-field.is-invalid .syou-af__consent-box { border-color:#da1e28; }
.syou-af__upload { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:170px; padding:28px 20px; border:1px dashed #8d8d8d; background:var(--syou-light); text-align:center; cursor:pointer; transition:border-color .2s ease,background-color .2s ease; }
.syou-af__upload:hover, .syou-af__upload:focus-within, .syou-af__upload.is-dragging { border-color:var(--syou-blue); background:#edf5ff; }
.syou-af__upload input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.syou-af__upload-icon { display:grid; place-items:center; width:40px; height:40px; margin-bottom:10px; color:var(--syou-blue); font-size:32px; line-height:1; }
.syou-af__upload-title { display:block; color:inherit; font-size:15px; font-weight:600; }
.syou-af__upload-note, .syou-af__upload-limits { display:block; margin-top:5px; color:var(--syou-muted); font-size:12px; line-height:1.45; }
.syou-af__upload-limits { font-size:11px; }
.syou-af__photo-summary { display:flex; justify-content:space-between; gap:12px; margin-top:10px; color:var(--syou-muted); font-size:12px; }
.syou-af__photo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; }
.syou-af__photo-item { position:relative; aspect-ratio:4/3; min-width:0; overflow:hidden; background:#e0e0e0; }
.syou-af__photo-item img { display:block; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; }
.syou-af__photo-item > span { position:absolute; left:0; right:0; bottom:0; padding:7px 8px; background:linear-gradient(transparent,rgba(0,0,0,.82)); color:#fff; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.syou-af__photo-remove, .syou-af button.syou-af__photo-remove { position:absolute; z-index:2; top:6px; right:6px; display:grid; place-items:center; width:28px; height:28px; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:#161616 !important; color:#fff !important; font-size:20px; line-height:1; cursor:pointer; box-shadow:none; }
.syou-af__photo-remove:hover, .syou-af__photo-remove:focus { opacity:.78; }
.syou-af__upload-progress { position:relative; height:24px; margin-top:14px; background:#e0e0e0; overflow:hidden; }
.syou-af__upload-progress span { display:block; width:0; height:100%; background:var(--syou-blue); transition:width .2s linear; }
.syou-af__upload-progress b { position:absolute; inset:0; display:grid; place-items:center; color:#161616; font-size:11px; }
.syou-af__actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin-top:28px; }
.syou-af__actions--single { grid-template-columns:1fr; }
.syou-af__button, .syou-af button.syou-af__button, .syou-af button[type="button"].syou-af__button, .syou-af button[type="submit"].syou-af__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 ease,color .2s ease,opacity .2s ease; box-shadow:none; }
.syou-af__button--primary:hover, .syou-af__button--primary:focus { background:var(--syou-blue); color:#fff; }
.syou-af__button--back, .syou-af button.syou-af__button--back { background:#e0e0e0; color:var(--syou-text); }
.syou-af__button--back:hover, .syou-af__button--back:focus { background:#c6c6c6; color:var(--syou-text); }
.syou-af__button.is-loading { pointer-events:none; opacity:.72; }
.syou-af__spinner { display:none; width:18px; height:18px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:syou-af-spin .7s linear infinite; }
.syou-af__button.is-loading svg, .syou-af__button.is-loading > span { display:none; }
.syou-af__button.is-loading .syou-af__spinner { display:block; }
@keyframes syou-af-spin { to { transform:rotate(360deg); } }
.syou-af__honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }
@media (max-width:767px) {
    .syou-af__step-tab, .syou-af button.syou-af__step-tab { min-height:56px; gap:5px; padding:9px 5px; font-size:11px; line-height:1.2; text-align:center; }
    .syou-af__step-tab strong { display:block; font-size:10px; white-space:normal; }
    .syou-af__body { margin-top:28px; }
    .syou-af__fields { gap:20px; padding-top:24px; }
    .syou-af__label { font-size:14px; }
    .syou-af__control, .syou-af__select, .syou-af input.syou-af__control, .syou-af textarea.syou-af__control, .syou-af select.syou-af__select { min-height:50px; padding:13px 14px; font-size:15px; }
    .syou-af textarea.syou-af__control { min-height:140px; }
    .syou-af__actions { grid-template-columns:1fr; }
    .syou-af__button, .syou-af button.syou-af__button { min-height:58px; padding:15px 18px; }
    .syou-af__button--back { order:2; }
    .syou-af__upload { min-height:145px; padding:22px 14px; }
    .syou-af__photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
}
@media (prefers-reduced-motion:reduce) { .syou-af *, .syou-af *::before, .syou-af *::after { scroll-behavior:auto !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; } }