.container{max-width:600px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}h2{text-align:center;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:10px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px;margin-top:5px}select:disabled{background-color:#f2f2f2;cursor:not-allowed}.upload-area{display:flex;align-items:center;padding:10px;border:2px dashed #ccc;border-radius:5px;cursor:pointer;text-align:center;justify-content:center;flex-direction:column}.upload-area img{width:50px;height:50px;margin-bottom:10px;opacity:.8}.upload-area:hover{border-color:#007bff}.upload-area p{margin:0;font-size:1em;color:#666}.upload-area.dragover{border-color:#007bff;background-color:#f0f8ff}.privacy-agreement{display:flex;align-items:center;margin-top:20px}.privacy-agreement input[type=checkbox]{width:20px;height:20px;margin-right:10px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ccc;border-radius:3px;outline:none;cursor:pointer}.privacy-agreement input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff;position:relative}.privacy-agreement input[type=checkbox]:checked:after{content:"✔";color:#fff;position:absolute;left:3px;top:-2px;font-size:16px}.privacy-agreement a{color:#007bff;text-decoration:none}.privacy-agreement a:hover{text-decoration:underline}.modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:5px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;margin-bottom:10px}.modal-header h2{margin:0}.modal-header .close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.modal-header .close:focus,.modal-header .close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-body{max-height:300px;overflow-y:auto}.error-message{color:red;font-size:.875em;margin-top:5px}.footer-button{flex:1;padding:15px;text-align:center;font-size:1em;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;margin-right:10px;transition:background-color .3s ease}.footer-button:last-child{margin-right:0}.footer-button:hover{background-color:#0056b3;transform:scale(1.05);transition:background-color .3s ease,transform .2s ease}.checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checkbox-group label{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;cursor:pointer;transition:background-color .3s ease}.checkbox-group input[type=checkbox]{display:none}.checkbox-group input[type=checkbox]:checked+label{background-color:#007bff;color:#fff;border-color:#007bff}.checkbox-group label:hover{background-color:#f0f0f0}@media (max-width:768px){.container{padding:15px;max-width:100%}.form-group{margin-bottom:15px}.footer-button{padding:12px}}select{cursor:pointer}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}