.support-page{background-color:var(--color-page-bg);min-height:60vh;padding-block:clamp(32px,5vw,64px)}.support-card{background-color:var(--color-bg-card);border-radius:2rem;padding:clamp(1.5rem,4vw,3rem)}.support-honeypot{display:none}.support-title{color:var(--color-logo-purple);font-family:var(--font-heading-family), sans-serif;margin:0 0 .75rem;font-size:clamp(1.8rem,3.5vw,2.75rem)}.support-intro{color:var(--color-text-muted);font-family:var(--font-body-family), sans-serif;margin:0 0 2rem;font-size:clamp(1rem,1.4vw,1.15rem)}.support-form{grid-template-columns:repeat(2,1fr);gap:1.25rem 1.5rem;display:grid}.support-field{font-family:var(--font-body-family), sans-serif;color:var(--color-text-primary);flex-direction:column;gap:.4rem;font-weight:600;display:flex}.support-field-full{grid-column:1/-1}.support-field input[type=text],.support-field input[type=email],.support-field select,.support-field textarea{font-family:var(--font-body-family), sans-serif;color:var(--color-text-primary);background-color:#fff;border:1px solid #7a54cd59;border-radius:.75rem;padding:.65rem .9rem;font-size:1rem;font-weight:400}.support-field textarea{resize:vertical}.support-dropzone{cursor:pointer;text-align:center;background-color:#fff;border:2px dashed #7a54cd66;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.75rem 1rem;transition:border-color .15s,background-color .15s;display:flex;position:relative}.support-dropzone:hover,.support-dropzone-active{border-color:var(--color-logo-purple);background-color:#7a54cd0f}.support-dropzone-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.support-dropzone-text{color:var(--color-text-primary);font-weight:600}.support-hint{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.support-error{color:#c0392b;font-size:.85rem;font-weight:400}.support-required{color:#c0392b}.support-attachment-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.support-attachment-list li{background-color:#fff;border:1px solid #7a54cd33;border-radius:.6rem;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.9rem;font-weight:400;display:flex}.support-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);flex:1;overflow:hidden}.support-attachment-size{color:var(--color-text-muted);font-size:.8rem}.support-attachment-list button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.1rem;line-height:1}.support-attachment-list button:hover{color:#c0392b}.support-submit-button{background-color:var(--color-logo-purple);color:#fff;font-family:var(--font-heading-family), sans-serif;cursor:pointer;border:none;border-radius:999px;grid-column:1/-1;justify-self:start;margin-top:.5rem;padding:.85rem 2.5rem;font-size:1.05rem;font-weight:700;transition:opacity .15s}.support-submit-button:disabled{opacity:.5;cursor:not-allowed}.support-success-message{color:var(--color-text-primary);font-family:var(--font-body-family), sans-serif;font-size:1.1rem}@media (max-width:767px){.support-form{grid-template-columns:1fr}}