:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--neutral-900:#12100e;--neutral-800:#1c1917;--neutral-700:#292524;--neutral-600:#44403c;--neutral-500:#57534e;--neutral-400:#78716c;--neutral-300:#a8a29e;--neutral-200:#d6d3d1;--danger-500:#ef4444;--success-500:#22c55e;--success-700:#15803d;--bg-base:#0c0a09;--bg-secondary:#151312;--bg-elevated:#1c1917;--bg-surface:#292524;--bg-surface-hover:#44403c;--bg-tertiary:#1c1917;--bg-card:#1c1917;--bg-card-hover:#292524;--bg-hover:#ffffff0d;--sidebar-width:240px;--z-sticky:100;--z-negative:-1;--z-base:0;--z-dropdown:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--text-primary:#f5f5f4;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--text-accent:var(--primary-400);--border-subtle:#ffffff14;--border-default:#44403c;--border-strong:#57534e;--border-accent:var(--primary-600);--brand-primary:var(--primary-500);--brand-primary-hover:var(--primary-400);--brand-primary-glow:#f59e0b33;--discord:#5865f2;--discord-hover:#4752c4;--success:#22c55e;--success-rgb:34,197,94;--success-bg:#22c55e26;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-bg:#f59e0b26;--error:#ef4444;--error-rgb:239,68,68;--error-bg:#ef444426;--online:#22c55e;--online-glow:#22c55e66;--offline:#ef4444;--offline-glow:#ef444466;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 30px #f59e0b33;--shadow-glow-primary:var(--shadow-glow);--transition-fast:.1s ease;--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.4s ease;--header-height:72px;--container-max:1200px;--container-wide:1400px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--success-400:#4ade80;--success-600:#16a34a;--rank-assistant:#60a5fa;--rank-admin:#a78bfa;--rank-head-admin:#f472b6;--role-friend:#34d399;--role-hero:#fbbf24;--role-master:#f87171;--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-legendary:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}.support-page{max-width:100vw;padding-top:0;padding-bottom:6rem;overflow-x:hidden}.support-page .support-hero{text-align:center;background:linear-gradient(to bottom,transparent,var(--bg-body));isolation:isolate;margin-bottom:4rem;padding:8rem 0 6rem;position:relative}.support-page .support-hero .hero-bg{opacity:.15;z-index:-1;background-image:url(/images/wp/hero-bg.jpg);background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.support-page .support-hero .hero-content{max-width:800px;padding:0 var(--space-6);margin:0 auto;gap:var(--space-2)!important;flex-direction:column!important}.support-page .support-hero .hero-content .hero-subtitle{font-family:var(--font-outfit);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);background:#ffaa001a;border:1px solid #fa03;border-radius:99px;padding:.25rem .75rem;font-weight:600;display:inline-block}.support-page .support-hero .hero-content h1{margin-bottom:var(--space-4);letter-spacing:-.02em;-webkit-text-fill-color:#0000;background:linear-gradient(to bottom right,#fff 30%,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.support-page .support-hero .hero-content .section-title{text-align:center}.support-page .support-hero .hero-content p{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);font-size:1.25rem}.support-page .support-hero .hero-content .hero-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.support-page .support-hero .hero-content .hero-actions .btn-lg{padding:.875rem 2rem;font-size:1.125rem}.support-page .help-grid-section{max-width:1200px;padding:0 var(--space-6);margin:0 auto 6rem}.support-page .help-grid-section .section-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);text-align:center;margin-bottom:var(--space-8);font-size:.875rem;font-weight:800;display:block;position:relative}.support-page .help-grid-section .section-title:after{content:"";background:var(--primary-500);width:40px;height:2px;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.support-page .help-grid-section .help-grid{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.support-page .help-grid-section .help-grid .help-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);gap:var(--space-3);flex-direction:column;flex:0 240px;min-width:200px;padding:1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.support-page .help-grid-section .help-grid .help-card:before{content:"";background:linear-gradient(to right,var(--icon-color,var(--brand-primary)),transparent);opacity:0;height:4px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.support-page .help-grid-section .help-grid .help-card .icon-wrapper{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.support-page .help-grid-section .help-grid .help-card .icon-wrapper.general{--icon-color:#3b82f6;color:#3b82f6}.support-page .help-grid-section .help-grid .help-card .icon-wrapper.report{--icon-color:#ef4444;color:#ef4444}.support-page .help-grid-section .help-grid .help-card .icon-wrapper.billing{--icon-color:#10b981;color:#10b981}.support-page .help-grid-section .help-grid .help-card .icon-wrapper.appeal{--icon-color:#f59e0b;color:#f59e0b}.support-page .help-grid-section .help-grid .help-card h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.support-page .help-grid-section .help-grid .help-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.support-page .help-grid-section .help-grid .help-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000004d}.support-page .help-grid-section .help-grid .help-card:hover:before{opacity:1;background:var(--icon-color)}.support-page .help-grid-section .help-grid .help-card:hover .icon-wrapper{background:var(--icon-color);border-color:var(--icon-color);color:#fff}.support-page .tickets-section{max-width:1000px;margin:0 auto}.support-page .tickets-section .section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.support-page .tickets-section .section-header h2{font-size:1.5rem;font-weight:700}.support-page .tickets-section .section-header .btn-text{color:var(--brand-primary);align-items:center;gap:.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.support-page .tickets-section .section-header .btn-text:hover{text-decoration:underline}.support-page .tickets-list{flex-direction:column;gap:1rem;display:flex}.support-page .tickets-list .loading-state{text-align:center;color:var(--text-muted);padding:4rem}.support-page .tickets-list .empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-xl);padding:5rem 2rem}.support-page .tickets-list .empty-state svg{color:var(--text-muted);opacity:.3;margin-bottom:1.5rem}.support-page .tickets-list .empty-state h3{margin-bottom:.5rem;font-size:1.25rem}.support-page .tickets-list .empty-state p{color:var(--text-secondary);margin-bottom:2rem}.support-page .tickets-list .empty-state .btn-outline{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:0 0;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-block}.support-page .tickets-list .empty-state .btn-outline:hover{border-color:var(--text-primary);background:var(--bg-surface)}.support-page .tickets-list .ticket-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.support-page .tickets-list .ticket-card:hover{border-color:var(--brand-primary);background:linear-gradient(to right,var(--bg-card),var(--bg-surface));transform:translate(4px)}.support-page .tickets-list .ticket-card .ticket-main{align-items:center;gap:1.25rem;display:flex}.support-page .tickets-list .ticket-card .ticket-main .status-indicator{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;padding:.5rem}.support-page .tickets-list .ticket-card .ticket-main .ticket-info .ticket-subject{color:var(--text-primary);margin-bottom:.35rem;font-size:1.0625rem;font-weight:600}.support-page .tickets-list .ticket-card .ticket-main .ticket-info .ticket-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.support-page .tickets-list .ticket-card .ticket-main .ticket-info .ticket-meta .id{font-family:var(--font-mono);background:var(--bg-surface);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.support-page .tickets-list .ticket-card .ticket-main .ticket-info .ticket-meta .dot{opacity:.3}.support-page .tickets-list .ticket-card .ticket-main .ticket-info .ticket-meta .category{color:var(--text-secondary)}.support-page .tickets-list .ticket-card .ticket-status .badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:.35rem .875rem;font-size:.75rem;font-weight:700}.support-page .tickets-list .ticket-card .ticket-status .badge.open{background:rgba(var(--color-success-rgb),.15);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.2)}.support-page .tickets-list .ticket-card .ticket-status .badge.pending{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb),.2)}.support-page .tickets-list .ticket-card .ticket-status .badge.closed{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color)}.support-page .tickets-list .ticket-card .ticket-status .badge.resolved{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.2)}@media (max-width:768px){.support-page .support-hero{padding:6rem 0 4rem}.support-page .support-hero .hero-content h1{font-size:2.5rem}.support-page .ticket-card{flex-direction:column;align-items:flex-start;gap:1rem}.support-page .ticket-card .ticket-status{align-self:flex-end}}