.support-contact .material-icons-round{display:inline-block;font-family:Material Icons Round;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.support-contact{padding:var(--spacing-5xl,80px) 0}.support-contact.bg-white{background:var(--bg-primary,#fff)}.support-contact.bg-grey{background:var(--bg-secondary,#f8fafc)}.support-contact .container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg,24px)}.support-contact .contact-header{margin:0 auto var(--spacing-3xl,48px);max-width:700px;text-align:center}.support-contact .contact-header h2{color:var(--text-primary,#0f172a);font-size:36px;font-weight:700;margin-bottom:var(--spacing-md,16px)}.support-contact .contact-header p{color:var(--text-secondary,#475569);font-size:18px;margin:0}.support-contact .contact-form-wrapper{margin:0 auto var(--spacing-xl,32px);max-width:700px}.support-contact .contact-bottom-grid{display:flex;flex-direction:column;gap:var(--spacing-lg,24px);margin:0 auto;max-width:700px}.support-contact .response-times{background:var(--bg-tertiary,#f1f5f9);border-radius:var(--radius-md,8px);padding:var(--spacing-lg,24px)}.support-contact .response-times h4{color:var(--text-primary,#0f172a);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md,16px)}.support-contact .response-times ul{list-style:none;margin:0;padding:0}.support-contact .response-times li{color:var(--text-secondary,#475569);margin-bottom:var(--spacing-sm,8px);padding-left:var(--spacing-lg,24px);position:relative}.support-contact .response-times li:before{color:var(--color-primary,#1e293b);content:"•";left:0;position:absolute}.support-contact .ticket-lookup{background:var(--bg-secondary,#f8fafc);border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);padding:var(--spacing-lg,24px)}.support-contact.bg-grey .ticket-lookup{background:var(--bg-primary,#fff)}.support-contact .ticket-lookup h4{color:var(--text-primary,#0f172a);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md,16px)}.support-contact .ticket-lookup-form .form-group{margin-bottom:var(--spacing-sm,8px)}.support-contact .ticket-lookup-form .form-group:last-of-type{margin-bottom:var(--spacing-md,16px)}.support-contact .btn-lookup{align-items:center;background:var(--color-primary,#1e293b);border:none;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:var(--spacing-sm,8px);justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.support-contact .btn-lookup:hover{background:var(--color-primary-dark,#0f172a);transform:translateY(-1px)}.support-contact .btn-lookup:active{transform:translateY(0)}.support-contact .btn-lookup:disabled{cursor:not-allowed;opacity:.7;transform:none}.support-contact .btn-lookup .btn-loading{display:none}.support-contact .btn-lookup .btn-loading .material-icons-round{font-size:20px}.support-contact .ticket-lookup-result{border-radius:var(--radius-md,8px);margin-top:var(--spacing-md,16px);overflow:hidden}.support-contact .ticket-lookup-result.success{background:none;border:none}.support-contact .ticket-lookup-result.error{background:#fef2f2;border:1px solid #fecaca;padding:var(--spacing-md,16px)}.support-contact .ticket-status-card{background:var(--bg-primary,#fff);border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);overflow:hidden}.support-contact .ticket-status-header{align-items:center;background:var(--bg-tertiary,#f1f5f9);border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:var(--spacing-md,16px);justify-content:space-between;padding:var(--spacing-md,16px)}.support-contact .ticket-status-header .ticket-id{color:var(--text-primary,#0f172a);font-family:monospace;font-size:14px;font-weight:600}.support-contact .ticket-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.support-contact .ticket-status-badge.status-open{background:#dbeafe;color:#1e40af}.support-contact .ticket-status-badge.status-progress{background:#fef3c7;color:#92400e}.support-contact .ticket-status-badge.status-resolved{background:#dcfce7;color:#166534}.support-contact .ticket-status-badge.status-closed{background:#f1f5f9;color:#475569}.support-contact .ticket-status-subject{border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a);font-size:16px;font-weight:500;padding:var(--spacing-md,16px)}.support-contact .ticket-status-meta{display:flex;flex-direction:column;gap:var(--spacing-xs,4px);padding:var(--spacing-md,16px)}.support-contact .ticket-status-meta div{color:var(--text-secondary,#475569);font-size:13px}.support-contact .ticket-status-meta strong{color:var(--text-primary,#0f172a);margin-right:var(--spacing-xs,4px)}.support-contact .ticket-lookup-error{align-items:center;color:#991b1b;display:flex;font-size:14px;gap:var(--spacing-sm,8px)}.support-contact .ticket-lookup-error:before{content:"error";font-family:Material Icons Round;font-size:20px}.support-contact .input-with-icon{position:relative;width:100%}.support-contact .input-with-icon .input-icon{color:var(--text-tertiary,#94a3b8);font-size:20px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.support-contact .input-with-icon input{background:var(--bg-primary,#fff);border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);color:var(--text-primary,#0f172a);font-family:inherit;font-size:15px;padding:12px 16px 12px 44px;transition:all .3s;width:100%}.support-contact .input-with-icon input::-moz-placeholder{color:var(--text-tertiary,#94a3b8);opacity:1}.support-contact .input-with-icon input::placeholder{color:var(--text-tertiary,#94a3b8);opacity:1}.support-contact .input-with-icon input#lookup-ticket-id{font-family:monospace}.support-contact .input-with-icon input:focus{border-color:var(--color-primary,#1e293b);box-shadow:0 0 0 3px rgba(30,41,59,.1);outline:none}.support-contact .input-with-icon input:focus+.input-icon,.support-contact .input-with-icon:focus-within .input-icon{color:var(--color-primary,#1e293b)}.support-contact .contact-form{background:var(--bg-secondary,#f8fafc);border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--spacing-xl,32px)}.support-contact.bg-grey .contact-form{background:var(--bg-primary,#fff)}.support-contact .contact-form h3{color:var(--text-primary,#0f172a);font-size:24px;font-weight:600;margin-bottom:var(--spacing-lg,24px)}.support-contact .form-row-grid{display:grid;gap:var(--spacing-md,16px);grid-template-columns:1fr 1fr}@media(max-width:480px){.support-contact .form-row-grid{grid-template-columns:1fr}}.support-contact .form-group{margin-bottom:var(--spacing-lg,24px)}.support-contact .form-row-grid .form-group{margin-bottom:0}.support-contact .form-row-grid{margin-bottom:var(--spacing-lg,24px)}.support-contact .form-group label{color:var(--text-secondary,#475569);display:block;font-size:14px;font-weight:500;margin-bottom:var(--spacing-sm,8px)}.support-contact .form-group input:not(.input-with-icon input),.support-contact .form-group select,.support-contact .form-group textarea{background:var(--bg-primary,#fff);border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);color:var(--text-primary,#0f172a);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s;width:100%}.support-contact .form-group .input-with-icon input{padding:12px 16px 12px 44px}.support-contact .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 fill=%27%23475569%27%3E%3Cpath d=%27M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z%27/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:44px}.support-contact .form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 fill=%27%231e293b%27%3E%3Cpath d=%27M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z%27/%3E%3C/svg%3E")}.support-contact .form-group input:focus,.support-contact .form-group select:focus,.support-contact .form-group textarea:focus{border-color:var(--color-primary,#1e293b);box-shadow:0 0 0 3px rgba(30,41,59,.1);outline:none}.support-contact .form-group textarea{min-height:120px;resize:vertical}.support-contact .form-group input.error,.support-contact .form-group select.error,.support-contact .form-group textarea.error{border-color:#ef4444}.support-contact .form-hint{color:var(--text-tertiary,#64748b);font-size:13px;margin-bottom:0;margin-top:var(--spacing-xs,4px)}.support-contact .form-group-toggle{margin-bottom:var(--spacing-lg,24px)}.support-contact .toggle-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-lg,24px);line-height:1.5}.support-contact .toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.support-contact .toggle-switch input{height:0;opacity:0;width:0}.support-contact .toggle-slider{background-color:var(--border-color,#e2e8f0);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.support-contact .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.1);content:"";height:20px;left:3px;position:absolute;transition:all .3s ease;width:20px}.support-contact .toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary,#1e293b)}.support-contact .toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.support-contact .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(30,41,59,.1)}.support-contact .toggle-text{color:var(--text-secondary,#475569);padding-left:var(--spacing-sm,8px);vertical-align:sub}.support-contact .toggle-text a{color:var(--color-primary,#1e293b);text-decoration:underline}.support-contact .toggle-text a:hover{text-decoration:none}.support-contact .form-group-toggle.error .toggle-text{color:#ef4444}.support-contact .form-group-toggle.error .toggle-slider{background-color:#fecaca;box-shadow:0 0 0 2px #ef4444}.support-contact .form-actions,.support-contact .form-response{margin-top:var(--spacing-lg,24px)}.support-contact .form-response{border-radius:var(--radius-md,8px);padding:var(--spacing-md,16px);text-align:center}.support-contact .form-response.success{background-color:#dcfce7;border:1px solid #86efac;color:#166534}.support-contact .form-response.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.support-contact .form-response .ticket-id-display{background:hsla(0,0%,100%,.5);border-radius:var(--radius-sm,4px);display:inline-block;font-family:monospace;font-size:18px;font-weight:600;margin:var(--spacing-sm,8px) 0;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.support-contact .btn .btn-loading,.support-contact .btn.loading .btn-text{display:none}.support-contact .btn.loading .btn-loading{align-items:center;display:inline-flex;gap:8px}.support-contact .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.support-contact .file-upload-zone{background:var(--bg-primary,#fff);border:2px dashed var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);cursor:pointer;padding:var(--spacing-xl,32px);text-align:center;transition:all .3s ease}.support-contact .file-upload-zone:hover{background:var(--bg-secondary,#f8fafc);border-color:var(--color-primary,#1e293b)}.support-contact .file-upload-zone.drag-over{background:rgba(30,41,59,.05);border-color:var(--color-primary,#1e293b);border-style:solid}.support-contact .file-upload-zone.has-files{padding:var(--spacing-md,16px)}.support-contact .dropzone-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs,4px)}.support-contact .dropzone-icon{color:var(--text-tertiary,#94a3b8);font-size:48px;margin-bottom:var(--spacing-sm,8px)}.support-contact .file-upload-zone:hover .dropzone-icon{color:var(--color-primary,#1e293b)}.support-contact .dropzone-text{color:var(--text-primary,#0f172a);font-size:16px;font-weight:500;margin:0}.support-contact .dropzone-hint{color:var(--text-tertiary,#64748b);font-size:13px;margin:var(--spacing-xs,4px) 0 0}.support-contact .file-list{display:flex;flex-direction:column;gap:var(--spacing-sm,8px);margin-top:var(--spacing-md,16px)}.support-contact .file-list:empty{display:none}.support-contact .file-item{align-items:center;background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);display:flex;gap:var(--spacing-sm,8px);padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.support-contact .file-item .file-icon{color:var(--text-tertiary,#64748b);font-size:20px}.support-contact .file-item .file-icon.pdf{color:#ef4444}.support-contact .file-item .file-icon.image{color:#3b82f6}.support-contact .file-item .file-name{color:var(--text-primary,#0f172a);flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-contact .file-item .file-size{color:var(--text-tertiary,#64748b);font-size:12px;white-space:nowrap}.support-contact .file-item .file-remove{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary,#64748b);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.support-contact .file-item .file-remove:hover{background:#fef2f2;color:#ef4444}.support-contact .file-item .file-remove .material-icons-round{font-size:18px}.support-contact .file-item.uploading{opacity:.7}.support-contact .file-item .upload-progress{background:var(--border-color,#e2e8f0);border-radius:2px;height:4px;margin-top:var(--spacing-xs,4px);overflow:hidden;width:100%}.support-contact .file-item .upload-progress-bar{background:var(--color-primary,#1e293b);height:100%;transition:width .3s ease}.support-contact .file-item.error{background:#fef2f2;border-color:#fecaca}.support-contact .file-item.error .file-name{color:#ef4444}.support-contact .file-upload-error{color:#ef4444;font-size:13px;margin-top:var(--spacing-xs,4px)}.support-contact .file-upload-zone-preview{background:var(--bg-tertiary,#f1f5f9);border:2px dashed var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);padding:var(--spacing-lg,24px);text-align:center}.support-contact .file-upload-zone-preview .material-icons-round{color:var(--text-tertiary,#94a3b8);display:block;font-size:36px;margin-bottom:var(--spacing-sm,8px)}.support-contact .file-upload-zone-preview p{color:var(--text-secondary,#475569);font-size:14px;margin:0}.support-contact .file-upload-zone-preview .form-hint{margin-top:var(--spacing-xs,4px)}.grecaptcha-badge{visibility:hidden!important}.support-contact .recaptcha-branding{color:var(--text-tertiary,#64748b);font-size:12px;line-height:1.5;text-align:center}.support-contact .recaptcha-branding .material-icons-round,.support-contact .recaptcha-branding .material-symbols-rounded{font-size:14px;margin-right:4px;margin-top:-3px;vertical-align:middle}.support-contact .recaptcha-branding a{color:var(--text-secondary,#475569);text-decoration:underline}.support-contact .recaptcha-branding a:hover{color:var(--text-primary,#0f172a)}@media(max-width:768px){.support-contact{padding:var(--spacing-3xl,48px) 0}.support-contact .contact-header h2{font-size:28px}.support-contact .ticket-lookup-form .form-row{flex-direction:column}.support-contact .ticket-lookup-form button{width:100%}}
