:root{--primary: #0077B6;--secondary: #48CAE4;--light: #CAF0F8;--lighter: #FFFFFF;--dark: #023E8A;--background: #EDF6F9;--label-color: #0077B6;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#333;background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--dark)}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:1rem}h1{font-size:2.5rem;line-height:1.1;color:var(--label-color);text-align:center;margin-bottom:2rem}.form-title{color:var(--label-color);font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--dark)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){h1{font-size:2rem;margin-bottom:1.5rem}#root{padding:.5rem}}@media (max-width: 480px){h1{font-size:1.75rem;margin-bottom:1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 768px){#root{padding:1rem}}@media (max-width: 480px){#root{padding:.5rem}}:root{--primary: #0077B6;--secondary: #48CAE4;--light: #CAF0F8;--lighter: #FFFFFF;--dark: #023E8A;--sidebar-bg: #0077B6;--label-color: #0077B6}.form-container{display:flex;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;width:100%;max-width:900px;margin:2rem auto}.sidebar{background-color:var(--sidebar-bg);padding:2rem;width:30%;display:flex;flex-direction:column}.sidebar-content{position:sticky;top:2rem}.sidebar h2{color:var(--light);margin-bottom:.5rem;font-size:1.5rem}.sidebar p{color:var(--lighter);margin-bottom:2rem}.form-image{margin-top:auto;text-align:center}.form-image img{max-width:100%;height:auto}.form-fields{padding:2rem;width:70%;background-color:var(--lighter)}form h2{color:var(--primary);margin-bottom:1.5rem;text-align:center}form div{margin-bottom:1.5rem;display:flex;flex-wrap:wrap}form label{display:inline-block;font-weight:500;color:var(--label-color);font-size:.9rem;width:25%;padding-right:1rem;text-align:left;padding-top:.75rem}form input[type=text],form input[type=email],form input[type=password],form textarea,form select{width:75%;padding:.75rem;border:1px solid var(--light);border-radius:5px;background-color:#fff;font-size:1rem;transition:border-color .3s}form input[type=text]:focus,form input[type=email]:focus,form input[type=password]:focus,form textarea:focus,form select:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 2px #48cae44d}.gender-options,.file-upload,.checkbox-container{width:75%;display:flex;flex-wrap:wrap}.gender-option{display:flex;align-items:center;margin-right:1.5rem;margin-bottom:.5rem}.gender-option label{width:auto;padding-top:0;text-align:left;padding-right:0;margin-bottom:0;color:#333}form input[type=radio],form input[type=checkbox]{margin-right:.5rem}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.25rem;width:75%;margin-left:25%}form button[type=submit]{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;margin-left:25%}form button[type=submit]:hover{background-color:var(--dark)}.gender-options{display:flex;flex-wrap:wrap}.file-upload{background-color:var(--light);padding:1rem;border-radius:5px}.selected-file{margin-top:.5rem;font-size:.9rem;color:var(--primary);width:75%;margin-left:25%}@media (max-width: 768px){.form-container{flex-direction:column}.sidebar,.form-fields{width:100%}form label{width:100%;margin-bottom:.5rem;padding-right:0;padding-top:0}form input[type=text],form input[type=email],form input[type=password],form textarea,form select,.gender-options,.file-upload,.error-message,.selected-file,.checkbox-container{width:100%;margin-left:0}form button[type=submit]{margin-left:0;width:100%}}@media (max-width: 480px){.sidebar,.form-fields{padding:1rem}.gender-options{flex-direction:column;gap:.5rem}form button[type=submit]{padding:.6rem 1.2rem}}