:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}.profile-form-container{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.form-card{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:500px;padding:3rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.form-title{color:#1a202c;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.form-subtitle{color:#718096;margin-bottom:2.5rem;font-size:1rem}.form-content{flex-direction:column;gap:2rem;display:flex}.file-uploader{cursor:pointer;border:2px dashed #cbd5e0;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;transition:background-color .2s ease-in-out;display:flex;position:relative}.file-uploader:hover{background-color:#f7fafc}.file-uploader-icon{color:#a0aec0;width:3rem;height:3rem;margin-bottom:1rem}.file-uploader-text{color:#4a5568;font-size:1rem;font-weight:500}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.input-group{flex-direction:column;gap:1.5rem;display:flex}.input-field{text-align:left}.input-field label{color:#4a5568;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.input-field input{color:#2d3748;border:1px solid #e2e8f0;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.input-field input:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e180}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}