.support-page{color:#fff;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 32%),radial-gradient(circle at 80% 10%,#ffffff0d,#0000 28%),radial-gradient(circle at 50% 120%,#ffffff0f,#0000 55%),linear-gradient(#0b0b12 0% 45%,#050507 100%);min-height:100vh}.support-hero{text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden}.support-hero-inner{z-index:1;max-width:900px;margin:0 auto;position:relative}.support-kicker{letter-spacing:.2em;text-transform:uppercase;color:#a0a0a0;margin-bottom:16px;font-size:.85rem;font-weight:700}.support-hero h1{letter-spacing:-.02em;margin-bottom:16px;font-size:3rem}.support-subtitle{color:#c7c7c7;font-size:1.2rem;line-height:1.6}.support-container{max-width:1200px;margin:0 auto;padding:0 24px 80px}.support-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:-60px;display:grid;position:relative}.support-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff1f;border-radius:16px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 20px 60px #00000059}.support-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 24px 70px #0006}.support-card-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.support-icon{background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.support-icon--accent{background:#7289da2e}.support-icon img{width:26px;height:26px}.support-icon--accent img{filter:invert()}.support-label{text-transform:uppercase;letter-spacing:.12em;color:#a9a9a9;margin-bottom:2px;font-size:.8rem}.support-card h2{margin:0;font-size:1.4rem}.support-card-body{color:#d2d2d2;margin:0 0 16px;font-size:1rem;line-height:1.6}.support-meta{color:#9f9f9f;margin-bottom:16px;font-size:.9rem}.support-action{color:#000;background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.support-action svg{width:18px;height:18px}.support-action:hover{background:linear-gradient(135deg,#f2f2f2 0%,#e6e6e6 100%);transform:translateY(-2px);box-shadow:0 12px 30px #ffffff24}.support-action--ghost{color:#fff;box-shadow:none;background:#ffffff14;border:1px solid #fff3}.support-action--ghost:hover{background:#ffffff24;box-shadow:0 12px 30px #00000059}.support-steps{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.support-steps li{color:#e3e3e3;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px;font-size:.95rem}.support-secondary{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:32px;display:grid}.support-secondary-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 16px 48px #00000052}.support-secondary-card:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 22px 60px #00000061}.support-secondary-card h3{margin:4px 0 8px;font-size:1.3rem}.support-secondary-card.downloads-card{flex-direction:column;align-items:flex-start}.support-downloads{flex-wrap:wrap;gap:12px;display:flex}.support-store-link{transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;overflow:hidden}.support-store-link img{background:0 0;border-radius:0;width:auto;height:50px;transition:all .3s;display:block;box-shadow:0 6px 16px #0000002e}.support-store-link:hover{transform:scale(1.05)translateY(-2px)}.support-store-link:hover img{filter:brightness(1.2)}@media (max-width:900px){.support-hero{padding:120px 20px 70px}.support-hero h1{font-size:2.4rem}}@media (max-width:600px){.support-card{padding:20px}.support-secondary-card{flex-direction:column;align-items:flex-start}.support-hero h1{font-size:2.1rem}.support-subtitle{font-size:1.05rem}}
