:root{--primary-color: #4a90e2;--secondary-color: #f5a623;--background-color: #f0f2f5;--text-color: #333;--white-color: #fff;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:500px;margin:40px auto;padding:20px;text-align:center}header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:10px}header p{font-size:1.1rem;color:#666;margin-bottom:30px}.stylist-form{background:var(--white-color);padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.image-upload-label{display:flex;justify-content:center;align-items:center;width:100%;height:200px;border:2px dashed #ccc;border-radius:var(--border-radius);cursor:pointer;transition:border-color .3s}.image-upload-label:hover{border-color:var(--primary-color)}.image-upload-label span{font-size:1.2rem;color:#aaa}.image-preview{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.form-group input[type=number]{width:calc(100% - 20px);padding:10px;border:1px solid #ccc;border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233}.submit-btn{width:100%;padding:12px;border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:var(--white-color);font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .2s}.submit-btn:hover{background-color:#3a7ac8}.submit-btn:active{transform:scale(.98)}