:root{--bg: #f4f5f7;--card: #ffffff;--text: #1a1a2e;--muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--border: #e5e7eb;--error: #dc2626;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:560px;background:var(--card);border-radius:16px;padding:32px;box-shadow:0 10px 40px #00000014}.card__title{margin:0 0 4px;font-size:28px}.card__subtitle{margin:0 0 24px;color:var(--muted)}.progress{position:relative;height:8px;background:var(--border);border-radius:999px;margin-bottom:28px}.progress__bar{height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.progress__label{position:absolute;right:0;top:-22px;font-size:13px;color:var(--muted)}.section-title{margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border);font-size:18px;color:var(--primary)}.section-title:first-of-type{margin-top:8px}.field{margin-bottom:24px}.location{display:flex;flex-direction:column;gap:12px}.location__row{display:flex;flex-direction:column;gap:6px}.location__label{font-size:13px;color:var(--muted)}.location select:disabled,.location input:disabled{background:var(--bg);cursor:not-allowed}.repeatable{display:flex;flex-direction:column;gap:14px}.repeatable__item{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#4f46e505}.repeatable__head{display:flex;align-items:center;justify-content:space-between}.repeatable__num{font-size:13px;font-weight:600;color:var(--muted)}.repeatable__item .field__input{resize:vertical}.repeatable__remove{flex-shrink:0;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--error);font-size:20px;line-height:1;cursor:pointer}.repeatable__remove:hover{border-color:var(--error);background:#dc26260f}.repeatable__add{align-self:flex-start;padding:8px 14px;border:1px dashed var(--primary);border-radius:10px;background:transparent;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer}.repeatable__add:hover{background:#4f46e50f}.field__title{display:block;font-weight:600;margin-bottom:10px}.field__required{color:var(--error)}.field__input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;transition:border-color .15s}textarea.field__input{resize:vertical}.field__input:focus,.field__input:focus-within{outline:none;border-color:var(--primary)}.phone{display:flex;align-items:center;gap:6px}.phone__prefix{color:var(--text);-webkit-user-select:none;user-select:none}.phone__input{flex:1;border:none;outline:none;padding:0;font:inherit;color:inherit;background:transparent}.field__options{display:flex;flex-direction:column;gap:8px}.option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.option:hover{border-color:var(--primary)}.option--active{border-color:var(--primary);background:#4f46e50f}.option input{accent-color:var(--primary);width:18px;height:18px}.field--error .field__input,.field--error .field__options .option{border-color:var(--error)}.field__error-text{margin:8px 0 0;color:var(--error);font-size:13px}.btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.submit-error{margin:12px 0 0;padding:12px 14px;background:#dc262614;border:1px solid var(--error);border-radius:10px;color:var(--error);font-size:14px;text-align:center}.uploader__dropzone{border:2px dashed var(--border);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.uploader__dropzone:hover,.uploader__dropzone--over{border-color:var(--primary);background:#4f46e50d}.uploader__hint{margin:0 0 6px;font-size:15px}.uploader__link{color:var(--primary);font-weight:600;text-decoration:underline}.uploader__meta{margin:0;font-size:13px;color:var(--muted)}.uploader__input{display:none}.uploader__errors{margin:12px 0 0;padding-left:18px;color:var(--error);font-size:13px}.uploader__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:14px}.thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);aspect-ratio:1}.thumb__img{width:100%;height:100%;object-fit:cover;display:block}.thumb__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#0009;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.thumb__remove:hover{background:#000c}.thumb__size{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-size:10px;color:#fff;background:#00000080;text-align:center}.summary{margin:0 0 24px}.summary dt{font-weight:600;margin-top:16px}.summary dd{margin:4px 0 0;color:var(--muted)}
