*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#000092,#0000b8);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.form-container{background:#fffffff2;padding:40px;border-radius:15px;box-shadow:0 20px 40px #0000924d;width:75vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.form-header{text-align:center;margin-bottom:30px}.form-header h1{color:#000092;font-size:28px;margin-bottom:10px;font-weight:700}.form-header p{color:#666;font-size:16px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#000092;font-weight:600;font-size:14px;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#000092;box-shadow:0 0 0 3px #0000921a;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.checkbox-group input[type=checkbox]{width:auto;margin-right:10px;accent-color:#000092;transform:scale(1.2)}.checkbox-group label{margin-bottom:0;color:#000;font-weight:400;text-transform:none;letter-spacing:normal}.submit-btn{background:linear-gradient(135deg,#000092,#0000b8);color:#fff;padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;letter-spacing:1px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00009266;background:linear-gradient(135deg,#0000a8,#0000ce)}.submit-btn:active{transform:translateY(0)}@media (max-width: 1000px){.form-container{padding:15px}.form-row{flex-direction:column;gap:0}.form-header h1{font-size:24px}}.form-footer{margin-top:30px;border-top:1px solid #ddd;padding-top:15px;text-align:center;color:#666;font-size:14px}.spinner{width:20px;height:20px;border:4px solid #f3f3f3;border-top:4px solid #000092;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-submit{border:none;padding:10px 20px;font-size:16px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center}.btn-submit:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.floating-label-bg{position:relative;margin-bottom:15px}.floating-label-bg input{width:100%;padding:16px 12px 8px;border:2px solid #747474;border-radius:12px;font-size:16px;outline:none;background:#fff;transition:all .3s ease;box-sizing:border-box}.floating-label-bg input:focus{border:2px solid #000092}.floating-label-bg label{position:absolute;left:12px;top:16px;font-size:16px;color:#000;pointer-events:none;transition:all .3s ease;transform-origin:left top;background:#fff;padding:0 4px;border-radius:4px}.floating-label-bg input:focus+label,.floating-label-bg input:not(:placeholder-shown)+label{transform:translateY(-24px) scale(.8);color:#000092;font-weight:500}.floating-label-bg input:not(:placeholder-shown){border-color:#000092}.input-error{border-color:red!important}.input-error-message{color:red;font-size:12px;margin-top:5px}.select-floating{position:relative;margin-bottom:15px}.select-floating select{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:1rem;color:#2d3748;transition:all .3s cubic-bezier(.25,.46,.45,.94);appearance:none;cursor:pointer}.select-floating select:focus{outline:none;border-color:#000092;box-shadow:0 0 0 3px #667eea1a}.select-floating label{position:absolute;left:1rem;top:1rem;color:#a0aec0;font-size:1rem;pointer-events:none;transition:all .3s ease;background:#fff;padding:0 .5rem}.select-floating select:focus+label,.select-floating select:not([value=""])+label{top:-.5rem;font-size:.75rem;color:#000092;font-weight:500}.select-floating:after{content:"▼";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:.8rem;pointer-events:none;transition:all .3s ease}.select-floating select:focus~:after{transform:translateY(-50%) rotate(180deg);color:#000092}.select-error{border-color:red!important}.select-error-message{color:red;font-size:12px;margin-top:5px}.radio-group{display:flex;gap:15px;flex-wrap:wrap}.radio-option{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border:2px solid #ccc;border-radius:8px;transition:all .3s ease;font-weight:500;background:#fff;position:relative}.radio-option:hover{border-color:#000092}.radio-option input{display:none}.custom-radio{width:16px;height:16px;border:2px solid #000092;border-radius:50%;margin-right:10px;position:relative;flex-shrink:0}.custom-radio:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:#000092;border-radius:50%;opacity:0;transition:opacity .2s ease}.radio-option.selected .custom-radio:after{opacity:1}.radio-option.selected{border-color:#000092;background:#0000920d}.radio-error{color:red;font-size:12px;margin-top:5px}.file-input-wrapper{display:flex;align-items:center;gap:10px}.file-btn{background-color:#000092;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;font-weight:500}.file-btn:hover{background-color:#0000b8}.file-btn{background:linear-gradient(135deg,#000092,#0000b8);color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.file-btn:hover{background:linear-gradient(135deg,#0000a8,#0000ce)}.file-btn-error{border:2px solid red}.file-error{color:red;font-size:12px;margin-top:5px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.group-label{font-weight:700;margin-bottom:8px}.checkbox-option{display:flex;gap:8px;cursor:pointer}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:#000092}.datalist-input{margin-bottom:15px}.datalist-input label{display:block;margin-bottom:5px;font-weight:700}.datalist-input input{width:100%;padding:10px;border:2px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box}.datalist-input input:focus{border-color:#000092;outline:none}.input-error{border:2px solid red}.error-message{color:red;font-size:.9rem;margin-top:4px}
