.support-page{min-height:100vh;background:var(--ink);padding:var(--space-2xl) var(--space-xl)}.support-container{max-width:900px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--graphite);border-radius:6px;color:var(--silver);font-size:.875rem;cursor:pointer;transition:all var(--duration-fast) ease;margin-bottom:var(--space-xl)}.back-button:hover{border-color:var(--champagne);color:var(--champagne)}.support-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--graphite)}.support-icon{color:var(--champagne);margin-bottom:var(--space-md)}.support-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:400;color:var(--pearl);margin-bottom:var(--space-sm)}.support-subtitle{color:var(--ash);font-size:1rem}.support-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-xs);background:var(--charcoal);border-radius:12px;overflow-x:auto}.support-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:8px;color:var(--ash);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap}.support-tab:hover{color:var(--silver);background:#ffffff0d}.support-tab.active{background:var(--champagne);color:var(--ink)}.support-content{margin-bottom:var(--space-3xl)}.section-intro{color:var(--silver);margin-bottom:var(--space-xl);font-size:1rem}.guide-card{background:var(--charcoal);border:1px solid var(--graphite);border-radius:12px;margin-bottom:var(--space-md);overflow:hidden;transition:border-color var(--duration-fast) ease}.guide-card:hover,.guide-card.expanded{border-color:#d4af374d}.guide-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg);background:transparent;border:none;cursor:pointer;text-align:left}.guide-title{display:flex;align-items:center;gap:var(--space-md)}.guide-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d4af371a;border-radius:10px;color:var(--champagne)}.guide-header h3{font-size:1.1rem;font-weight:500;color:var(--pearl);margin:0}.guide-header .chevron{color:var(--ash);transition:transform var(--duration-fast) ease}.guide-header .chevron.rotated{transform:rotate(180deg)}.guide-content{padding:0 var(--space-lg) var(--space-lg);overflow:hidden}.guide-steps{margin-bottom:var(--space-lg)}.guide-steps h4,.guide-tips h4{font-size:.875rem;font-weight:600;color:var(--champagne);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.guide-steps ol{padding-left:var(--space-xl);margin:0}.guide-steps li{color:var(--silver);margin-bottom:var(--space-sm);line-height:1.6}.guide-tips ul{list-style:none;padding:0;margin:0}.guide-tips li{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--silver);margin-bottom:var(--space-sm);line-height:1.5}.guide-tips li svg{color:var(--champagne);flex-shrink:0;margin-top:3px}.practices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.practice-card{background:var(--charcoal);border:1px solid var(--graphite);border-radius:12px;padding:var(--space-lg)}.practice-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--graphite)}.practice-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#d4af371a;border-radius:8px;color:var(--champagne)}.practice-header h3{font-size:1rem;font-weight:500;color:var(--pearl);margin:0}.practice-card ul{list-style:none;padding:0;margin:0}.practice-card li{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--silver);margin-bottom:var(--space-sm);font-size:.9rem;line-height:1.5}.practice-card li svg{color:var(--ash);flex-shrink:0;margin-top:3px}.troubleshoot-card{background:var(--charcoal);border:1px solid var(--graphite);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-md)}.troubleshoot-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.troubleshoot-header svg{color:#f59e0b}.troubleshoot-header h3{font-size:1rem;font-weight:500;color:var(--pearl);margin:0}.troubleshoot-card ul{list-style:none;padding:0;margin:0}.troubleshoot-card li{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--silver);margin-bottom:var(--space-sm);font-size:.9rem;line-height:1.5}.troubleshoot-card li svg{color:var(--champagne);flex-shrink:0;margin-top:3px}.still-stuck{display:flex;align-items:flex-start;gap:var(--space-lg);background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:var(--space-xl);margin-top:var(--space-xl)}.still-stuck>svg{color:var(--champagne);flex-shrink:0}.still-stuck h4{font-size:1rem;font-weight:500;color:var(--pearl);margin:0 0 var(--space-xs)}.still-stuck p{color:var(--silver);margin:0 0 var(--space-md);font-size:.9rem}.support-email-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--champagne);color:var(--ink);text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:all var(--duration-fast) ease}.support-email-btn:hover{background:var(--gold)}.credit-quick-ref{background:var(--charcoal);border:1px solid var(--graphite);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.credit-quick-ref h3{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:500;color:var(--pearl);margin:0 0 var(--space-lg)}.credit-quick-ref h3 svg{color:var(--champagne)}.credit-table{display:flex;flex-direction:column;gap:var(--space-xs)}.credit-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:var(--space-sm) var(--space-md);border-radius:6px}.credit-row.header{position:static;top:auto;left:auto;right:auto;z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:initial;padding:var(--space-sm) var(--space-md);background:#d4af371a;font-weight:600;color:var(--champagne);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.credit-row:not(.header){background:#ffffff05;color:var(--silver);font-size:.9rem}.credit-row:not(.header):hover{background:#ffffff0d}.credit-row span:not(:first-child){text-align:center}.faq-list{display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--charcoal);border:1px solid var(--graphite);border-radius:10px;overflow:hidden;transition:border-color var(--duration-fast) ease}.faq-item:hover,.faq-item.expanded{border-color:#d4af374d}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;cursor:pointer;text-align:left}.faq-question span{color:var(--pearl);font-size:.95rem;font-weight:500;padding-right:var(--space-md)}.faq-question .chevron{color:var(--ash);flex-shrink:0;transition:transform var(--duration-fast) ease}.faq-question .chevron.rotated{transform:rotate(180deg)}.faq-answer{overflow:hidden}.faq-answer p{padding:0 var(--space-lg) var(--space-lg);color:var(--silver);line-height:1.7;margin:0;font-size:.9rem}.support-contact{text-align:center;padding:var(--space-2xl);background:var(--charcoal);border-radius:16px;border:1px solid var(--graphite)}.support-contact h2{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--pearl);margin:0 0 var(--space-sm)}.support-contact>p{color:var(--ash);margin:0 0 var(--space-xl)}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.contact-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--ink);border:1px solid var(--graphite);border-radius:12px;text-decoration:none;transition:all var(--duration-fast) ease}.contact-card:hover{border-color:var(--champagne)}a.contact-card:hover{transform:translateY(-2px)}.contact-card svg{color:var(--champagne);flex-shrink:0}.contact-card h4{font-size:.9rem;font-weight:500;color:var(--pearl);margin:0 0 var(--space-xs);text-align:left}.contact-card p{font-size:.8rem;color:var(--ash);margin:0;text-align:left}@media(max-width:768px){.support-page{padding:var(--space-lg)}.support-header h1{font-size:2rem}.support-tabs{gap:var(--space-xs)}.support-tab{padding:var(--space-sm) var(--space-md);font-size:.8rem}.support-tab span{display:none}.practices-grid,.contact-options{grid-template-columns:1fr}.credit-row{font-size:.8rem}}@media(max-width:480px){.support-tabs{flex-wrap:wrap;justify-content:center}.guide-header{padding:var(--space-md)}.guide-title{gap:var(--space-sm)}.guide-icon{width:32px;height:32px}.guide-header h3{font-size:.95rem}.still-stuck{flex-direction:column;text-align:center;align-items:center}}
