.support-section{padding:4rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh;margin-top:4svh;border-radius:15px}.support-container{max-width:1000px;margin:0 auto}.support-header{text-align:center;margin-bottom:3rem}.support-title{font-size:3rem;font-weight:800;color:#2c3e50;margin-bottom:1rem;background:rgba(44,62,80,0.95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-subtitle{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto}.support-content{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}.support-form-container{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.05)}.support-info{background:rgba(44,62,80,0.95);color:white;padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:0.5rem;font-weight:600;color:#2c3e50}.form-control-textarea{resize:vertical;min-height:150px;font-family:inherit}.file-drop-area{border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;transition:all 0.3s ease;background:#f8f9fa;cursor:pointer;position:relative}.file-drop-area:hover{border-color:#0052cc;background:#e3f2fd}.file-drop-area.dragover{border-color:#0052cc;background:#e3f2fd;transform:scale(1.02)}.file-input{display:none}.file-drop-content{color:#6c757d}.file-drop-icon{font-size:3rem;margin-bottom:1rem;opacity:0.7}.file-drop-text{margin-bottom:1rem}.file-drop-text strong{display:block;margin-bottom:0.5rem;color:#2c3e50}.file-list{margin-top:1rem;text-align:left}.file-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem;background:white;border-radius:8px;margin-bottom:0.5rem;border:1px solid #e9ecef;animation:slideIn 0.3s ease}.file-info{display:flex;align-items:center;gap:0.75rem;flex:1}.file-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:rgba(44,62,80,0.95)}.file-name{font-weight:500;color:#2c3e50;word-break:break-word}.file-size{font-size:0.875rem;color:#6c757d}.file-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:0.5rem;border-radius:4px;transition:background 0.3s ease;margin-left:1rem}.file-remove:hover{background:#f8d7da}.submit-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#0052cc,#0066cc);color:white;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,82,204,0.3)}.submit-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none}.btn-loading .spinner{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.info-section{margin-bottom:2rem}.info-section:last-child{margin-bottom:0}.info-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem}.info-list{list-style:none;padding:0}.info-list li{padding:0.5rem 0;display:flex;align-items:center;gap:0.75rem}.info-list li::before{content:'✓';color:#48bb78;font-weight:bold}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.1);border-radius:12px;transition:background 0.3s ease}.contact-method:hover{background:rgba(255,255,255,0.2)}.contact-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-radius:50%}.contact-details{flex:1}.contact-type{font-weight:600;font-size:0.9rem;opacity:0.9}.contact-value{font-size:1rem;font-weight:500}.progress-bar{width:100%;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-top:0.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#0052cc,#0066cc);width:0%;transition:width 0.3s ease}.upload-limits{font-size:0.875rem;color:#6c757d;margin-top:0.5rem;text-align:center;line-height:1.4}.upload-limits.warning{color:#dc3545;font-weight:500}.single-file-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center;color:black}.single-file-warning i{color:#856404;margin-right:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.support-form-container,.support-info{animation:fadeInUp 0.6s ease-out}.support-form-container{animation-delay:0.1s}.support-info{animation-delay:0.2s}@media (max-width:968px){.support-content{grid-template-columns:1fr;gap:2rem}.support-title{font-size:2.5rem}}@media (max-width:768px){.support-section{padding:2rem 0}.support-form-container,.support-info{padding:1.5rem}.support-title{font-size:2rem}.file-item{flex-direction:column;align-items:flex-start;gap:0.5rem}.file-remove{align-self:flex-end;margin-left:0}}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #c3e6cb;animation:slideIn 0.3s ease}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f5c6cb;animation:slideIn 0.3s ease}.attachment-preview{max-width:200px;max-height:200px;border-radius:8px;margin-top:0.5rem;border:2px solid #e9ecef}.file-type-badge{background:#0052cc;color:white;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;margin-left:0.5rem}.form-control{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all 0.3s ease;background:#f8f9fa;font-family:inherit;color:#2c3e50}.form-control:focus{outline:none;border-color:#0052cc;background:white;box-shadow:0 0 0 3px rgba(0,82,204,0.1)}.form-control-textarea{resize:vertical;min-height:150px;font-family:inherit;line-height:1.5}.select-wrapper{position:relative;width:100%}.select-wrapper::after{content:"▼";font-size:12px;color:#6c757d;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.form-control-select{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all 0.3s ease;background:#f8f9fa;font-family:inherit;color:#2c3e50;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:3rem;cursor:pointer;position:relative;z-index:2}.form-control-select:focus{outline:none;border-color:#0052cc;background:white;box-shadow:0 0 0 3px rgba(0,82,204,0.1)}.form-control-select::-ms-expand{display:none}.form-control-select option{padding:12px;background:white;color:#2c3e50;border:none}.form-control-select option:checked{background:#0052cc;color:white}.form-control-select option:hover{background:#0052cc;color:white}.form-control::placeholder{color:#adb5bd;opacity:1}.form-label i{width:20px;text-align:center;color:rgba(44,62,80,0.95);margin-right:0.5rem}.form-control.error{border-color:#dc3545;background:#f8f9fa}.form-control.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,0.1)}.form-group{animation:fadeInUp 0.5s ease-out}.form-group:nth-child(1){animation-delay:0.1s}.form-group:nth-child(2){animation-delay:0.2s}.form-group:nth-child(3){animation-delay:0.3s}.form-group:nth-child(4){animation-delay:0.4s}.form-control-textarea::-webkit-scrollbar{width:8px}.form-control-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.form-control-textarea::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.form-control-textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}