.support-faq-section{margin-top:var(--space-6)}.support-section-title{margin:0 0 var(--space-2);padding:0 var(--space-8);font-size:var(--font-size-title-3);line-height:var(--line-height-title-3);font-weight:var(--font-weight-title-3);color:var(--color-ink)}.faq-list{margin:0 var(--space-8)}.support-compose-section{padding:0 var(--space-8);margin-top:var(--space-6)}.support-compose-card{background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-6)}.support-compose-header{margin-bottom:var(--space-4)}.support-compose-title{margin:0 0 var(--space-1)}.support-compose-subtitle{margin-bottom:0}.support-feedback{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin-bottom:var(--space-3)}.support-feedback--error{background:var(--color-error-tint);border:1px solid var(--color-error-border);color:var(--color-error)}.support-feedback--success{background:var(--color-success-tint);border:1px solid var(--color-success);color:var(--color-success)}.support-context{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-neutral-tint);border:1px solid var(--color-neutral-300)}.support-context-label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-neutral-500);margin-bottom:var(--space-1)}.support-context-summary{font-size:var(--font-size-caption);color:var(--color-ink);line-height:var(--line-height-caption)}.support-form{display:grid;gap:var(--space-3)}.support-field{display:grid;gap:var(--space-1)}.support-field-label{margin:0}.support-input{appearance:none;width:100%;min-height:52px;padding:0 var(--space-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body)}.support-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-tint)}.support-select{appearance:none}.support-textarea{resize:vertical;min-height:144px;padding:var(--space-3) var(--space-4)}.support-submit{margin-top:var(--space-1);min-height:52px;padding:0 var(--space-4);border:1px solid var(--cta-border);border-radius:var(--radius-md);background:var(--cta-surface);box-shadow:var(--cta-shadow);color:var(--cta-text)!important;font-size:var(--font-size-body);font-weight:var(--font-weight-body-strong)}.support-submit:hover{background:var(--cta-surface-hover);color:var(--cta-text)!important}.faq-item{overflow:hidden;border-bottom:1px solid var(--color-neutral-300)}.faq-item:last-child{border-bottom:0}.faq-question{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-ink);list-style:none;gap:var(--space-3)}.faq-question::-webkit-details-marker{display:none}.faq-question span{flex:1}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-neutral-500);transition:transform var(--motion-fast) var(--motion-ease-out)}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--color-accent)}.faq-answer{padding:0 var(--space-4) var(--space-3);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-neutral-500)}.faq-answer p{margin:0}.contact-section{padding:0 var(--space-8) var(--space-8);margin-top:var(--space-6)}.contact-card{background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-6)}.contact-title{margin:0 0 var(--space-1)}.contact-subtitle{margin:0 0 var(--space-4)}.contact-btn{min-height:52px;padding:0 var(--space-4);border:1px solid var(--cta-border);border-radius:var(--radius-md);background:var(--cta-surface);box-shadow:var(--cta-shadow);color:var(--cta-text)!important;font-size:var(--font-size-body);font-weight:var(--font-weight-body-strong);text-decoration:none}.contact-btn:hover{background:var(--cta-surface-hover);color:var(--cta-text)!important}@media(max-width:640px){.support-compose-card,.contact-card{padding:20px}}.faq-answer{animation:fadeIn var(--motion-fast) var(--motion-ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}to{opacity:1;transform:translateY(0)}}