.referral-form-container{background:#fff;max-width:1350px;margin:0 auto;padding:60px 20px}.form-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 10px 32px #00000012;margin-bottom:30px;border:1px solid #f1f1f1;transition:transform .3s ease,box-shadow .3s ease}.form-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000001a}.form-card h4{font-weight:800;font-size:1.5rem;margin-bottom:25px;color:#2c3e50;position:relative;padding-left:15px}.form-card h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#3ebdad;border-radius:2px}.form-control,.form-select{border-radius:12px;padding:14px 16px;border:2px solid #e1e5e9;transition:all .3s ease;font-size:15px;background:#fafbfc}.form-control:focus,.form-select:focus{border-color:#3ebdad;box-shadow:0 0 0 4px #3ebdad26;background:#fff;outline:none}.form-control:hover,.form-select:hover{border-color:#b8d4d1;background:#fff}.form-label{font-weight:600;color:#495057;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-label.required:after{content:" *";color:#e74c3c;font-weight:700}.custom-options-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.custom-option{padding:12px 20px;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;background:#fafbfc;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-option:hover{background:#f1fffb;border-color:#3ebdad;transform:translateY(-1px)}.custom-option input{margin:0;transform:scale(1.2);accent-color:#3EBDAD}.custom-option.selected{background:#3ebdad;border-color:#3ebdad;color:#fff}.tags-container{position:relative;margin-bottom:20px}.tags-input{display:flex;flex-wrap:wrap;gap:10px;padding:16px;border:2px solid #e1e5e9;border-radius:12px;min-height:60px;cursor:text;background:#fafbfc;transition:all .3s ease}.tags-input:hover{border-color:#b8d4d1;background:#fff}.tags-input:focus-within{border-color:#3ebdad;box-shadow:0 0 0 4px #3ebdad26;background:#fff}.tag-item{background:linear-gradient(135deg,#3ebdad,#2a9d8f);color:#fff;padding:8px 16px;border-radius:25px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-item .remove-tag{cursor:pointer;font-size:12px;opacity:.8;transition:opacity .2s ease}.tag-item .remove-tag:hover{opacity:1}.tags-input input{border:none;outline:none;flex:1;min-width:150px;padding:8px 0;background:transparent;font-size:15px}.tags-input input::-moz-placeholder{color:#6c757d}.tags-input input::placeholder{color:#6c757d}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e5e9;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;display:none}.dropdown-list.show{display:block}.dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f8f9fa}.dropdown-item:hover{background:#f1fffb;color:#3ebdad}.dropdown-item:last-child{border-bottom:none}.btn-submit{background:linear-gradient(135deg,#3ebdad,#2a9d8f);border:none;padding:16px 40px;font-size:18px;font-weight:700;color:#fff;border-radius:12px;width:100%;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-submit:hover:before{left:100%}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3ebdad4d}.btn-submit:active{transform:translateY(0)}.btn-submit.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.btn-submit.loading:after{content:"";width:20px;height:20px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-left:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-upload-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}.file-upload-wrapper input[type=file]{position:absolute;left:-9999px}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border:2px dashed #b8d4d1;border-radius:12px;background:#f8fbfa;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:500}.file-upload-label:hover{border-color:#3ebdad;background:#f1fffb;color:#3ebdad}.file-upload-label i{font-size:18px}.alert{padding:16px 20px;border-radius:12px;margin-bottom:20px;font-weight:500;display:none}.alert.show{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 0}.contact-card{background:#fff!important;border-radius:20px;padding:32px;transition:all .3s ease;border:1px solid #e9ecef;height:100%}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.contact-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#3ebdad26;color:#3ebdad;font-size:30px;margin-bottom:20px}@media (max-width: 768px){.referral-form-container{padding:40px 15px}.form-card{padding:24px;margin-bottom:20px}.form-card h4{font-size:1.3rem;margin-bottom:20px}.custom-options-container{flex-direction:column}.custom-option{justify-content:center}.tags-input{min-height:50px;padding:12px}.btn-submit{padding:14px 30px;font-size:16px}}@media (max-width: 480px){.form-card{padding:20px;border-radius:15px}.tags-input input{min-width:120px}.tag-item{font-size:13px;padding:6px 12px}}
