*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Laila,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#f5f5f5;color:#1a1a1a}#root{width:100%}.navbar{background-color:#39a498;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.navbar-title{font-family:Laila,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;text-align:center;margin:0}.app-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem}.form-wrapper{width:100%;max-width:500px;padding:3rem 2rem}.form-title{font-family:Laila,sans-serif;font-size:2rem;font-weight:600;text-align:center;margin-bottom:3rem;color:#1a1a1a;position:relative}.form-title:after{content:"";position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#39a498;border-radius:2px}.registration-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-select,.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#1a1a1a;transition:border-color .2s,box-shadow .2s;font-family:Laila,sans-serif}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-input::placeholder{color:#9ca3af}.form-select:focus,.form-input:focus{outline:none;border-color:#39a498;box-shadow:0 0 0 3px #39a49826}.file-upload-label{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;transition:border-color .2s,background-color .2s;color:#4b5563;font-size:1rem;font-family:Laila,sans-serif}.file-upload-label:hover{background-color:#f0fdf9;border-color:#39a498}.file-upload-label.disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.file-upload-label.disabled:hover{background-color:#f3f4f6;border-color:#d1d5db}.plus-icon{font-size:1.25rem;font-weight:500;color:#39a498}.file-input{display:none}.file-name{margin-top:.5rem;font-size:.875rem;color:#4b5563;padding-left:.5rem;font-family:Laila,sans-serif}.image-previews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.image-preview-container{position:relative;border-radius:8px;overflow:hidden;border:2px solid #39A498;box-shadow:0 4px 6px #0000001a;aspect-ratio:16 / 9}.image-preview{width:100%;height:100%;object-fit:cover;display:block;background-color:#f9fafb}.image-number{position:absolute;bottom:.5rem;left:.5rem;background-color:#39a498e6;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;font-family:Laila,sans-serif}.remove-image-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background-color:#dc2626e6;color:#fff;border:2px solid white;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s;box-shadow:0 2px 4px #0003;padding:0;line-height:1}.remove-image-btn:hover{background-color:#b91c1cf2;transform:scale(1.1)}.remove-image-btn:active{transform:scale(.95)}.submit-button{margin-top:1rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:#39a498;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .1s;font-family:Laila,sans-serif}.submit-button:hover{background-color:#2d8a7f}.submit-button:active{transform:scale(.98)}.submit-button:focus{outline:none;box-shadow:0 0 0 3px #39a4984d}.submit-button:disabled{opacity:.6;cursor:not-allowed;background-color:#7ab3aa}@media(max-width:768px){.form-wrapper{max-width:600px;padding:2.5rem 1.5rem}.form-title{font-size:1.875rem}.image-previews-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:640px){.navbar{padding:1rem}.navbar-title{font-size:1rem;line-height:1.4}.app-container{min-height:calc(100vh - 60px);padding:.75rem}.form-wrapper{padding:1.5rem 1rem;max-width:100%}.form-title{font-size:1.5rem;margin-bottom:1.75rem}.form-title:after{width:50px;height:2px}.registration-form{gap:1.25rem}.form-select,.form-input,.file-upload-label{padding:.75rem .875rem;font-size:.938rem}.form-select{background-size:16px;padding-right:2.5rem}.file-upload-label{flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.file-upload-label span:not(.plus-icon){font-size:.875rem;line-height:1.4}.plus-icon{font-size:1.5rem}.image-previews-grid{grid-template-columns:1fr;gap:.875rem}.image-preview-container{max-height:250px}.remove-image-btn{width:32px;height:32px;font-size:1.125rem;top:.5rem;right:.5rem}.image-number{width:28px;height:28px;font-size:.875rem;bottom:.5rem;left:.5rem}.submit-button{padding:1rem 1.5rem;font-size:1rem;width:100%}}@media(max-width:375px){.navbar-title{font-size:.875rem}.form-title{font-size:1.375rem}.form-wrapper{padding:1rem .75rem}.form-select,.form-input,.file-upload-label{padding:.625rem .75rem;font-size:.875rem}.image-preview-container{max-height:200px}}