.support-layout{max-width:var(--max-width,1150px);padding:var(--space-6) var(--space-4) var(--space-16);margin:0 auto}.support-hero{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);padding:var(--space-6);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.support-hero-title{margin:0;font-size:24px;font-weight:600;line-height:1.3}.support-hero-icon{border-radius:var(--radius-md);background:var(--brand-primary-light);width:52px;height:52px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-hero-eyebrow{margin-bottom:var(--space-1);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em;display:block}.support-hero .page-title{margin:0 0 var(--space-2)}.support-hero .page-subtitle{margin:0}@media (max-width:768px){.support-hero{display:none}}.support-section{margin-bottom:var(--space-10)}.support-section-heading{margin-bottom:var(--space-5)}.support-section-title{margin:0 0 var(--space-1);font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--text-primary)}.support-section-description{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.support-bento-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.support-card{min-height:300px;padding:var(--space-6);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.support-card:before{content:"";background:var(--brand-primary);opacity:0;width:100%;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0}.support-card:hover{border-color:var(--border2);transform:translateY(-5px);box-shadow:0 14px 32px #00000012}.support-card:hover:before{opacity:1}[data-theme=dark] .support-card:hover{box-shadow:0 14px 32px #00000059}.support-card-top{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.support-icon-wrapper{border-radius:var(--radius-md);width:52px;height:52px;transition:transform var(--transition-base), background-color var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;display:flex}.support-card-arrow{border-radius:var(--radius-full);background:var(--background);width:34px;height:34px;color:var(--text-muted);transition:transform var(--transition-base), color var(--transition-base), background-color var(--transition-base);justify-content:center;align-items:center;display:flex}.theme-primary .support-icon-wrapper{background-color:var(--brand-primary-light);color:var(--brand-primary)}.theme-info .support-icon-wrapper{background-color:var(--info-bg);color:var(--info)}.theme-success .support-icon-wrapper{background-color:var(--success-bg);color:var(--success)}.theme-primary:before{background:var(--brand-primary)}.theme-info:before{background:var(--info)}.theme-success:before{background:var(--success)}.support-text-content{flex:1}.support-eyebrow{margin-bottom:var(--space-2);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block}.support-title{margin:0 0 var(--space-2);font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.support-description{max-width:300px;font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.6}.support-card-action{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--divider);justify-content:space-between;align-items:center;display:flex}.support-action-label{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-secondary);transition:color var(--transition-base)}.support-action-icon-wrap{border-radius:var(--radius-full);background-color:var(--background);width:32px;height:32px;color:var(--text-primary);transition:transform var(--transition-base), background-color var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;display:flex}.support-card:hover .support-icon-wrapper{transform:translateY(-2px)}.support-card:hover .support-card-arrow{transform:rotate(-45deg)}.support-card:hover .support-action-label{color:var(--text-primary)}.theme-primary:hover .support-card-arrow,.theme-primary:hover .support-action-icon-wrap{background-color:var(--brand-primary);color:var(--color-white)}.theme-info:hover .support-card-arrow,.theme-info:hover .support-action-icon-wrap{background-color:var(--info);color:var(--color-white)}.theme-success:hover .support-card-arrow,.theme-success:hover .support-action-icon-wrap{background-color:var(--success);color:var(--color-white)}.support-note{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.support-note-icon{border-radius:var(--radius-full);background:var(--brand-primary-light);width:40px;height:40px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-note h3{margin:0 0 var(--space-1);font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--text-primary)}.support-note p{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width:900px){.support-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.support-layout{padding:var(--space-5) var(--space-4) var(--space-10)}.support-hero{padding:var(--space-5);align-items:flex-start}.support-hero-icon{width:44px;height:44px}.support-bento-grid{grid-template-columns:1fr}.support-card{min-height:270px}.support-note{padding:var(--space-5);align-items:flex-start}}