.support-page-root{background-color:var(--background);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.support-page-main{flex:auto}.support-hero-section{text-align:center;background:var(--gradient-hero-bg);border-bottom:1px solid var(--border-subtle);padding:2.25rem 1rem 2rem;position:relative;overflow:hidden}@media (min-width:640px){.support-hero-section{padding:2.75rem 1.5rem 2.25rem}}.support-hero-inner{flex-direction:column;align-items:center;gap:1rem;max-width:54rem;margin-left:auto;margin-right:auto;display:flex}.support-hero-title{font-family:var(--font-poppins), sans-serif;letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:2.25rem;font-weight:900;line-height:1.15}@media (min-width:640px){.support-hero-title{font-size:3.5rem}}.support-title-gradient{background:var(--gradient-hero-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:.35rem;display:inline-block}.support-hero-subtitle{font-family:var(--font-poppins), sans-serif;color:var(--text-secondary);max-width:42rem;margin:0 auto;font-size:1rem;line-height:1.65}@media (min-width:640px){.support-hero-subtitle{font-size:1.125rem}}.support-content-section{padding:1.75rem 1rem 4rem}@media (min-width:640px){.support-content-section{padding:2rem 1.5rem 5rem}}.support-grid-wrap{grid-template-columns:1fr;align-items:flex-start;gap:3rem;display:grid}@media (min-width:1024px){.support-grid-wrap{grid-template-columns:7fr 5fr}}.support-faq-col{flex-direction:column;gap:1rem;display:flex}.support-section-heading{font-family:var(--font-poppins), sans-serif;color:var(--text-primary);margin:0 0 1rem;font-size:1.35rem;font-weight:900}.support-faq-list{flex-direction:column;gap:.85rem;display:flex}.support-faq-item{border:1px solid var(--border-subtle);background-color:var(--surface);border-radius:1rem;transition:all .3s;overflow:hidden}.support-faq-item.is-open{border-color:#f43f5e73;box-shadow:0 10px 25px -5px #f43f5e14}.support-faq-trigger{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem;display:flex}.support-faq-question{font-family:var(--font-poppins), sans-serif;color:var(--text-primary);font-size:.95rem;font-weight:700;transition:color .2s}.support-faq-item.is-open .support-faq-question{color:var(--color-primary-600)}.dark .support-faq-item.is-open .support-faq-question{color:var(--color-primary-400)}.support-faq-icon-btn{background-color:var(--surface-hover);width:2rem;height:2rem;color:var(--text-secondary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.support-faq-item.is-open .support-faq-icon-btn{background-color:var(--color-primary-600);color:#fff;transform:rotate(180deg);box-shadow:0 4px 12px #e11d484d}.support-faq-body-collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out,opacity .3s ease-in-out;display:grid}.support-faq-item.is-open .support-faq-body-collapse{opacity:1;grid-template-rows:1fr}.support-faq-inner-body{overflow:hidden}.support-faq-body-content{padding:0 1.25rem 1.25rem}.support-faq-body-divider{border-top:1px solid var(--border-subtle);padding-top:.5rem}.support-faq-answer{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.65}.support-form-sticky-wrap{position:relative}@media (min-width:1024px){.support-form-sticky-wrap{position:sticky;top:6.5rem}}.support-form-card{background-color:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.support-form-header{flex-direction:column;gap:.25rem;display:flex}.support-form-title{font-family:var(--font-poppins), sans-serif;color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:900}.support-form-subtitle{color:var(--text-muted);margin:0;font-size:.775rem}.support-success-box{text-align:center;background-color:#10b9811a;border:1px solid #10b9814d;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.support-form-fields{flex-direction:column;gap:1rem;display:flex}.support-input-label{color:var(--text-primary);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.support-input-text{background-color:var(--background);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.775rem;transition:border-color .2s,box-shadow .2s}.support-input-text:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f43f5e26}.support-textarea{background-color:var(--background);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);resize:none;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.775rem;transition:border-color .2s,box-shadow .2s}.support-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f43f5e26}.support-submit-btn{color:#fff;background:var(--gradient-brand);cursor:pointer;width:100%;box-shadow:var(--btn-primary-shadow);border:none;border-radius:.75rem;padding:.85rem;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.support-submit-btn:hover{box-shadow:var(--btn-primary-hover-shadow);opacity:.95;transform:translateY(-2px)}.support-submit-btn:active{transform:scale(.97)}
