body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;background:#f3f0f8;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.done{text-align:center;box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px 24px}.done button{color:#7c3aed;cursor:pointer;background:#fff;border:1.5px solid #7c3aed;border-radius:12px;margin-top:12px;padding:12px 20px;font-weight:600}.small{color:#6b6580;font-size:.85rem}.profile-form{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:440px;margin:0 auto;padding:32px 24px;box-shadow:0 8px 32px #281e3c14}.profile-form h1{color:#1f1a2e;margin:0 0 6px;font-size:1.5rem}.subtitle{color:#6b6580;margin:0 0 28px;font-size:.95rem;line-height:1.5}.field{flex-direction:column;flex:1;gap:8px;min-width:0;margin-bottom:20px;display:flex}.label{color:#1f1a2e;font-size:.9rem;font-weight:600}.dropzone{aspect-ratio:3/4;cursor:pointer;background:#faf9fc;border:2px dashed #d4cfe0;border-radius:16px;justify-content:center;align-items:center;max-height:360px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{background:#f5f0ff;border-color:#8b5cf6;outline:none}.dropzone.invalid,.input-unit.invalid{border-color:#e5484d}.placeholder{text-align:center;color:#6b6580;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:.9rem;display:flex}.placeholder .icon{font-size:2.5rem}.placeholder .hint{color:#9a94ad;font-size:.8rem}.preview{object-fit:cover;width:100%;height:100%}.link{color:#7c3aed;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85rem;text-decoration:underline}.row{gap:12px;display:flex}.input-unit{background:#fff;border:1.5px solid #d4cfe0;border-radius:12px;align-items:center;padding:0 14px;transition:border-color .15s;display:flex}.input-unit:focus-within{border-color:#8b5cf6}.input-unit input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 0;font-size:1rem}.input-unit span{color:#9a94ad;font-size:.9rem}.error{color:#e5484d;margin:0;font-size:.8rem}.submit{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px;font-size:1rem;font-weight:600;transition:background .15s}.submit:hover{background:#6d28d9}