.support-page { --support-tint: color-mix(in srgb, var(--alpha-accent-soft) 64%, var(--alpha-bg)); overflow: clip; }
.support-hero { position: relative; padding: clamp(54px, 6vw, 92px) 0; border-bottom: 1px solid var(--alpha-border); background: linear-gradient(115deg, var(--alpha-surface) 0 58%, var(--support-tint)); }
.support-hero__grid { position: absolute; inset: 0; opacity: .4; background-image: linear-gradient(var(--alpha-border) 1px,transparent 1px),linear-gradient(90deg,var(--alpha-border) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg,#000,transparent 80%); }
.support-hero__orb { position: absolute; right: 7%; top: 12%; width: 190px; aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--alpha-accent) 25%,transparent); border-radius: 50%; opacity: .35; animation: support-float 7s ease-in-out infinite; }
.support-hero__orb::before,.support-hero__orb::after { content:""; position:absolute; inset:24px; border:inherit; border-radius:inherit; }.support-hero__orb::after{inset:54px;background:var(--alpha-accent-soft)}
.support-hero__orb .icon { position:absolute; inset:50%; z-index:1; width:32px;height:32px;transform:translate(-50%,-50%);color:var(--alpha-accent) }
.support-hero__layout { position: relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr); align-items:center; gap:clamp(40px,7vw,110px) }
.support-hero__copy h1 { max-width:760px; margin-bottom:18px; font-size:clamp(2.7rem,5vw,5.3rem) }.support-hero__copy>p:not(.eyebrow){max-width:690px;color:var(--alpha-muted);font-size:1.08rem}
.support-hero .eyebrow span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--alpha-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--alpha-accent) 12%,transparent)}
.support-hero__actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:28px }.support-hero__actions iconify-icon{font-size:1.1rem}
.support-hero__flow { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:22px;border:1px solid var(--alpha-border);border-radius:24px;background:color-mix(in srgb,var(--alpha-surface) 92%,transparent);box-shadow:var(--alpha-shadow);backdrop-filter:blur(12px) }
.support-hero__flow>div { position:relative;display:grid;justify-items:center;gap:7px;text-align:center }.support-hero__flow>div>span{position:absolute;top:-14px;right:5px;color:var(--alpha-accent);font:800 .65rem Sora,sans-serif}.support-hero__flow .icon{width:27px;height:27px;color:var(--alpha-accent)}.support-hero__flow>div strong{font-size:.88rem}.support-hero__flow>div small{color:var(--alpha-muted);font-size:.68rem}.support-hero__flow>i{width:16px;color:var(--alpha-border)}
.support-guides { background:var(--support-tint) }.support-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.support-section-heading h2{margin-bottom:10px}.support-section-heading p:last-child{margin:0;color:var(--alpha-muted)}
.support-live-status{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--alpha-muted);font-size:.82rem;font-weight:700}.support-live-status span{width:8px;height:8px;border-radius:50%;background:var(--alpha-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--alpha-accent) 12%,transparent);animation:support-pulse 1.8s infinite}.support-live-status.is-error{color:#c83939}
.support-browser{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);min-height:650px;border:1px solid var(--alpha-border);border-radius:26px;background:var(--alpha-surface);box-shadow:var(--alpha-shadow);overflow:hidden}
.support-products{display:flex;min-width:0;flex-direction:column;padding:20px;border-right:1px solid var(--alpha-border);background:var(--alpha-surface-muted)}.support-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--alpha-border);border-radius:12px;background:var(--alpha-surface)}.support-search .icon{width:18px;color:var(--alpha-muted)}.support-search input{width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--alpha-text)}
.support-category-chips{display:flex;flex:0 0 auto;align-items:center;gap:7px;min-height:49px;padding:10px 0 11px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.support-category-chips button{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:30px;padding:6px 11px;border:1px solid var(--alpha-border);border-radius:999px;background:var(--alpha-surface);color:var(--alpha-muted);font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap}.support-category-chips button span{display:inline-flex;align-items:center;margin-left:5px;line-height:1;opacity:.7}.support-category-chips button.is-active{border-color:var(--alpha-accent);background:var(--alpha-accent);color:#fff}
.support-product-list{display:grid;gap:8px;overflow:auto;padding-right:3px}.support-product{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;padding:9px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--alpha-text);text-align:left;transition:.25s var(--alpha-ease)}.support-product:hover{border-color:var(--alpha-border);background:var(--alpha-surface);transform:translateX(3px)}.support-product.is-active{border-color:color-mix(in srgb,var(--alpha-accent) 34%,var(--alpha-border));background:var(--alpha-surface);box-shadow:0 7px 22px rgb(15 37 23 / 7%)}
.support-product__image{display:grid;width:58px;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:10px;background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-product__image img{width:100%;height:100%;object-fit:cover}.support-product__copy{display:grid;min-width:0}.support-product__copy strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.support-product__copy small{color:var(--alpha-muted);font-size:.68rem}.support-product__copy em{margin-top:3px;color:#a26813;font-size:.62rem;font-style:normal;font-weight:700}.support-product__copy em.is-ready{color:var(--alpha-accent)}.support-product__arrow{width:16px;color:var(--alpha-muted)}
.support-product-skeleton{height:76px;border-radius:14px;background:linear-gradient(90deg,var(--alpha-border),var(--alpha-surface),var(--alpha-border));background-size:220% 100%;animation:support-shimmer 1.5s infinite}.support-product-empty{display:grid;place-items:center;gap:10px;padding:60px 15px;color:var(--alpha-muted);text-align:center}.support-product-empty .icon{width:30px}
.support-guide{min-width:0;padding:clamp(24px,4vw,48px);transition:opacity .18s,transform .3s var(--alpha-ease)}.support-guide.is-changing{opacity:0;transform:translateY(8px)}.support-guide__empty,.support-guide__missing{display:grid;min-height:500px;place-content:center;justify-items:center;text-align:center}.support-guide__empty>span,.support-guide__missing>span{display:grid;width:64px;aspect-ratio:1;place-items:center;margin-bottom:18px;border-radius:18px;background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-guide__empty p,.support-guide__missing p{max-width:520px;color:var(--alpha-muted)}
.support-guide__header{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid var(--alpha-border)}.support-guide__image{display:grid;width:66px;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:14px;background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-guide__image img{width:100%;height:100%;object-fit:cover}.support-guide__header small{color:var(--alpha-accent);font-size:.68rem;font-weight:800;text-transform:uppercase}.support-guide__header h3{margin:3px 0 0;font-size:clamp(1.15rem,2vw,1.65rem)}.support-guide__source{display:flex;align-items:center;gap:7px;color:var(--alpha-muted);font-size:.7rem;font-weight:700}.support-guide__source .icon{width:16px;color:var(--alpha-accent)}
.support-guide__tabs{display:flex;gap:8px;padding:22px 0 18px}.support-guide__tabs button{padding:9px 13px;border:1px solid var(--alpha-border);border-radius:10px;background:var(--alpha-surface-muted);color:var(--alpha-muted);font-size:.78rem;font-weight:800}.support-guide__tabs button.is-active{border-color:var(--alpha-accent);background:var(--alpha-accent);color:#fff}.support-guide__content{color:var(--alpha-muted);animation:support-content-in .35s var(--alpha-ease)}.support-guide__content h2,.support-guide__content h3,.support-guide__content h4{margin:1.6em 0 .65em;color:var(--alpha-text)}.support-guide__content>:first-child{margin-top:0}.support-guide__content li{margin:.45em 0}.support-guide__content li::marker{color:var(--alpha-accent)}.support-guide__content pre{overflow:auto;padding:18px;border:1px solid var(--alpha-border);border-radius:12px;background:#101813;color:#d9efdd}.support-guide__content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.support-guide__content table{display:block;width:100%;overflow:auto;border-collapse:collapse}.support-guide__content th,.support-guide__content td{padding:10px;border:1px solid var(--alpha-border)}.support-guide__missing a{display:flex;align-items:center;gap:8px;margin-top:12px;color:#5865f2;font-weight:800}
.support-method{background:var(--alpha-surface)}.support-method__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,130px);align-items:start}.support-method__grid>div:first-child>p:last-child{max-width:600px;margin-top:18px;color:var(--alpha-muted)}.support-method__points{display:grid}.support-method__points article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--alpha-border)}.support-method__points article:first-child{padding-top:0}.support-method__points .icon{padding:12px;border-radius:13px;background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-method__points p{margin:4px 0 0;color:var(--alpha-muted);font-size:.86rem}
.support-ticket-section{background:var(--support-tint)}.support-ticket-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,100px);align-items:start}.support-ticket-copy>p:not(.eyebrow){max-width:560px;margin:18px 0 28px;color:var(--alpha-muted)}.support-ticket-copy .eyebrow{display:flex;align-items:center;gap:9px}.support-ticket-copy ol{display:grid;gap:18px;padding:0;list-style:none}.support-ticket-copy li{display:grid;grid-template-columns:34px 1fr;gap:13px}.support-ticket-copy li>span{display:grid;width:34px;aspect-ratio:1;place-items:center;border:1px solid var(--alpha-border);border-radius:10px;background:var(--alpha-surface);color:var(--alpha-accent);font-weight:800}.support-ticket-copy li strong,.support-ticket-copy li small{display:block}.support-ticket-copy li small{color:var(--alpha-muted)}.support-discord-link{display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:#5865f2;font-weight:800}.support-discord-link .icon{width:16px}
.support-ticket-form{position:relative;padding:clamp(22px,4vw,38px);border:1px solid var(--alpha-border);border-radius:24px;background:var(--alpha-surface);box-shadow:var(--alpha-shadow)}.support-development-badge{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff4db;color:#8d5b00;font-size:.67rem;font-weight:800;text-transform:uppercase}.support-development-badge span{width:7px;height:7px;border-radius:50%;background:#e6a522;animation:support-pulse 1.8s infinite}.support-form-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-right:120px}.support-form-heading>span{display:grid;width:48px;aspect-ratio:1;place-items:center;border-radius:14px;background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-form-heading h3{margin-bottom:4px;font-size:1.35rem}.support-form-heading p{margin:0;color:var(--alpha-muted);font-size:.82rem}
.support-account-state,.support-membership-state{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border:1px solid var(--alpha-border);border-radius:14px;background:var(--alpha-surface-muted)}.support-account-state__avatar{display:grid;width:46px;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:12px;background:#5865f2;color:#fff}.support-account-state__avatar img{width:100%;height:100%;object-fit:cover}.support-account-state__avatar.has-avatar iconify-icon{display:none}.support-account-state small,.support-account-state strong,.support-account-state div>span,.support-membership-state strong,.support-membership-state small{display:block}.support-account-state small,.support-membership-state small{color:var(--alpha-muted);font-size:.67rem}.support-account-state button,.support-membership-state>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:0;border-radius:9px;background:#5865f2;color:#fff;font-weight:800;transition:transform .25s var(--alpha-ease),box-shadow .25s var(--alpha-ease),opacity .25s ease}.support-account-state button:hover,.support-membership-state>button:hover{transform:translateY(-2px);box-shadow:0 9px 20px color-mix(in srgb,#5865f2 28%,transparent)}.support-account-state.is-linked{border-color:color-mix(in srgb,var(--alpha-accent) 40%,var(--alpha-border))}.support-membership-state__icon{display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:11px;background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-membership-state__icon .icon{grid-area:1/1;width:19px;height:19px;transition:opacity .2s ease,transform .3s var(--alpha-ease)}.support-membership-state__loader,.support-membership-state__check{opacity:0;transform:scale(.7)}.support-membership-state__inline-check{display:inline-block;width:15px;height:15px;margin-left:5px;vertical-align:-3px;color:var(--alpha-accent);opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .35s var(--alpha-ease)}.support-membership-progress{display:block!important;width:min(230px,100%);height:3px;margin-top:8px;overflow:hidden;border-radius:99px;background:var(--alpha-border);opacity:0;transition:opacity .2s ease}.support-membership-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5865f2,#7d87ff);transform:scaleX(0);transform-origin:left}.support-membership-state.is-checking .support-membership-state__question{opacity:0;transform:scale(.7)}.support-membership-state.is-checking .support-membership-state__loader{opacity:1;transform:scale(1);animation:support-spin .8s linear infinite}.support-membership-state.is-checking .support-membership-progress{opacity:1}.support-membership-state.is-checking .support-membership-progress i{animation:support-membership-wait 10s linear forwards}.support-membership-state.is-checking>button{pointer-events:none;opacity:.72}.support-membership-state.is-member .support-membership-state__question{opacity:0;transform:scale(.7)}.support-membership-state.is-member .support-membership-state__check{opacity:1;transform:scale(1)}.support-membership-state.is-member .support-membership-state__inline-check{opacity:1;transform:scale(1)}
.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.support-form-grid label{display:grid;gap:7px;color:var(--alpha-text);font-size:.76rem;font-weight:750}.support-form-grid input,.support-form-grid select,.support-form-grid textarea{width:100%;padding:12px 13px;border:1px solid var(--alpha-border);border-radius:11px;outline:0;background:var(--alpha-bg);color:var(--alpha-text);resize:vertical;transition:.2s}.support-form-grid input:focus,.support-form-grid select:focus,.support-form-grid textarea:focus{border-color:var(--alpha-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--alpha-accent) 12%,transparent)}.support-form-wide{grid-column:1/-1}.support-form-wide small{justify-self:end;margin-top:-2px;color:var(--alpha-muted)}.support-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--alpha-border)}.support-form-footer p{display:flex;max-width:380px;gap:8px;margin:0;color:var(--alpha-muted);font-size:.7rem}.support-form-footer .icon{flex:none;width:16px;color:var(--alpha-accent)}.support-form-footer button:disabled{cursor:not-allowed;opacity:.6;filter:saturate(.6)}
[data-support-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--alpha-ease),transform .7s var(--alpha-ease)}[data-support-reveal].is-visible{opacity:1;transform:none}
:root[data-theme='dark'] .support-hero{background:linear-gradient(115deg,var(--alpha-bg) 0 58%,#102c1a)}:root[data-theme='dark'] .support-development-badge{background:#3b301b;color:#f3c66b}:root[data-theme='dark'] .support-guide__content pre{background:#08100c}
@keyframes support-float{50%{transform:translateY(14px) rotate(8deg)}}@keyframes support-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes support-shimmer{to{background-position:-220% 0}}@keyframes support-content-in{from{opacity:0;transform:translateY(7px)}}
@media(max-width:1050px){.support-hero__layout{grid-template-columns:1fr}.support-hero__flow{max-width:690px}.support-browser{grid-template-columns:310px minmax(0,1fr)}.support-ticket-layout{grid-template-columns:1fr}.support-ticket-copy{max-width:750px}}
@media(max-width:760px){.support-hero{padding:42px 0}.support-hero__layout{gap:30px}.support-hero__copy h1{font-size:clamp(2.35rem,12vw,3.5rem)}.support-hero__actions .button{width:100%}.support-hero__flow{grid-template-columns:1fr;padding:16px}.support-hero__flow>i{transform:rotate(90deg);margin:7px}.support-hero__orb{display:none}.support-section-heading{align-items:start;flex-direction:column}.support-browser{display:block;min-height:0;overflow:visible;border-radius:20px}.support-products{border:0;border-bottom:1px solid var(--alpha-border);border-radius:20px 20px 0 0}.support-product-list{display:flex;max-height:none;overflow-x:auto;scroll-snap-type:x mandatory}.support-product{flex:0 0 min(84vw,330px);scroll-snap-align:start;background:var(--alpha-surface)}.support-guide{padding:22px 17px}.support-guide__header{grid-template-columns:54px 1fr}.support-guide__source{grid-column:2}.support-guide__image{width:54px}.support-guide__tabs{overflow-x:auto}.support-guide__empty,.support-guide__missing{min-height:360px}.support-method__grid{grid-template-columns:1fr}.support-ticket-form{padding:20px 15px}.support-development-badge{position:static;width:max-content;margin-bottom:16px}.support-form-heading{padding-right:0}.support-form-grid{grid-template-columns:1fr}.support-form-wide{grid-column:auto}.support-account-state,.support-membership-state{grid-template-columns:42px 1fr}.support-account-state button,.support-membership-state>button{grid-column:1/-1;justify-content:center}.support-form-footer{align-items:stretch;flex-direction:column}.support-form-footer button{width:100%}}
.support-development-badge--live{background:var(--alpha-accent-soft);color:var(--alpha-accent)}.support-development-badge--live span{background:var(--alpha-accent)}
.support-membership-state.is-member{border-color:color-mix(in srgb,var(--alpha-accent) 45%,var(--alpha-border));background:color-mix(in srgb,var(--alpha-accent-soft) 62%,var(--alpha-surface))}.support-membership-state.is-member>span{color:var(--alpha-accent)}.support-membership-state.is-missing{border-color:color-mix(in srgb,#d18b27 45%,var(--alpha-border))}.support-membership-state.is-missing>span{color:#b37316}
.support-account-state.is-fivem-step .support-account-state__avatar{background:var(--alpha-accent);box-shadow:0 8px 22px color-mix(in srgb,var(--alpha-accent) 24%,transparent)}
.support-account-state.is-fivem-step button,.support-membership-state.is-fivem-step>button{background:linear-gradient(135deg,var(--alpha-accent),var(--alpha-accent-strong));box-shadow:0 8px 20px color-mix(in srgb,var(--alpha-accent) 22%,transparent)}
.support-account-state.is-fivem-step button:hover,.support-membership-state.is-fivem-step>button:hover{box-shadow:0 11px 25px color-mix(in srgb,var(--alpha-accent) 30%,transparent)}
.support-form-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;margin-top:18px;padding:14px 16px;border:1px solid var(--alpha-border);border-radius:12px;background:var(--alpha-surface-muted);color:var(--alpha-muted);font-size:.78rem;animation:support-content-in .35s var(--alpha-ease)}.support-form-result strong{color:var(--alpha-text)}.support-form-result span{grid-column:1}.support-form-result a{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:7px;color:var(--alpha-accent);font-weight:800}.support-form-result.is-success{border-color:color-mix(in srgb,var(--alpha-accent) 42%,var(--alpha-border));background:var(--alpha-accent-soft)}.support-form-result.is-error{border-color:#e8b7b7;background:#fff0f0;color:#ad3232}.support-form-result.is-warning{border-color:#e4c98f;background:#fff8e8;color:#8b6115}.support-form-result.is-loading::before{content:"";width:14px;height:14px;border:2px solid var(--alpha-border);border-top-color:var(--alpha-accent);border-radius:50%;animation:support-spin .8s linear infinite}.support-form-footer button.is-loading .icon{animation:support-spin .8s linear infinite}
@keyframes support-membership-wait{to{transform:scaleX(1)}}
:root[data-theme='dark'] .support-form-result.is-error{border-color:#744141;background:#351f1f;color:#ffaaaa}:root[data-theme='dark'] .support-form-result.is-warning{border-color:#6b5529;background:#332b19;color:#f3ca74}
@keyframes support-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.support-form-result{grid-template-columns:1fr}.support-form-result a{grid-column:1;grid-row:auto;margin-top:7px}}
.support-membership-state{--support-check-progress:0%;position:relative;overflow:hidden;isolation:isolate;transition:border-color .35s var(--alpha-ease),background-color .35s var(--alpha-ease),box-shadow .35s var(--alpha-ease)}
.support-membership-state__icon{position:relative;isolation:isolate;transition:color .3s ease,background-color .3s ease,box-shadow .3s ease}
.support-membership-state__icon::before,.support-membership-state__icon::after{content:"";position:absolute;z-index:-1;inset:50%;border:1px solid color-mix(in srgb,#5865f2 60%,transparent);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.45);pointer-events:none}
.support-membership-state.is-checking{border-color:color-mix(in srgb,#5865f2 42%,var(--alpha-border));background:linear-gradient(110deg,color-mix(in srgb,#5865f2 7%,var(--alpha-surface-muted)),var(--alpha-surface-muted));box-shadow:0 12px 30px color-mix(in srgb,#5865f2 9%,transparent)}
.support-membership-state.is-checking .support-membership-state__icon{overflow:visible;background:#5865f2;color:#fff;box-shadow:0 8px 22px color-mix(in srgb,#5865f2 35%,transparent)}
.support-membership-state.is-checking .support-membership-state__icon::before{animation:support-member-radar 1.8s cubic-bezier(.2,.75,.35,1) infinite}
.support-membership-state.is-checking .support-membership-state__icon::after{animation:support-member-radar 1.8s .6s cubic-bezier(.2,.75,.35,1) infinite}
.support-membership-state.is-checking .support-membership-state__loader{animation:support-member-orbit 1.15s cubic-bezier(.5,.15,.5,.85) infinite}
.support-membership-state.is-checking .support-membership-progress{height:5px;opacity:1;background:color-mix(in srgb,#5865f2 12%,var(--alpha-border))}
.support-membership-state.is-checking .support-membership-progress i{width:var(--support-check-progress);transform:none;animation:none;background:linear-gradient(90deg,#5865f2,#8b93ff,#5865f2);background-size:180% 100%;box-shadow:0 0 12px color-mix(in srgb,#5865f2 45%,transparent);transition:width .7s var(--alpha-ease);animation:support-member-gradient 1.8s linear infinite}
.support-membership-state.is-checking>button{opacity:1;background:linear-gradient(110deg,#4d59e8,#7079ff,#4d59e8);background-size:220% 100%;box-shadow:0 9px 22px color-mix(in srgb,#5865f2 25%,transparent);animation:support-member-gradient 2.2s linear infinite}
.support-membership-state.is-member{animation:support-member-confirm .55s var(--alpha-ease)}
:root[data-theme='dark'] .support-membership-state.is-checking{background:linear-gradient(110deg,color-mix(in srgb,#5865f2 18%,var(--alpha-surface-muted)),var(--alpha-surface-muted))}
@keyframes support-member-radar{0%{width:10px;height:10px;opacity:.7}75%,100%{width:78px;height:78px;opacity:0}}
@keyframes support-member-orbit{0%{transform:rotate(0deg) scale(.92)}50%{transform:rotate(190deg) scale(1.08)}100%{transform:rotate(360deg) scale(.92)}}
@keyframes support-member-gradient{to{background-position:-220% 0}}
@keyframes support-member-confirm{0%{transform:scale(.985)}55%{transform:scale(1.012)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.support-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-support-reveal]{opacity:1;transform:none}}

/* Compacte handleidingenbrowser */
.support-browser { height: clamp(520px, 68vh, 640px); min-height: 0; }
.support-products { min-height: 0; overflow: hidden; }
.support-product-list { min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 0 8px 0 0; scrollbar-width: thin; scrollbar-color: var(--alpha-accent) color-mix(in srgb, var(--alpha-border) 60%, transparent); overscroll-behavior: contain; }
.support-product-list::-webkit-scrollbar { width: 8px; }
.support-product-list::-webkit-scrollbar-track { border-radius: 99px; background: color-mix(in srgb, var(--alpha-border) 60%, transparent); }
.support-product-list::-webkit-scrollbar-thumb { border: 2px solid var(--alpha-surface-muted); border-radius: 99px; background: var(--alpha-accent); }
.support-guide { min-height: 0; overflow-y: auto; padding: clamp(24px, 3.4vw, 42px); scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--alpha-accent) 55%, transparent) transparent; }
.support-method__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; background: var(--alpha-accent-soft); color: var(--alpha-accent); }
.support-method__icon .icon { width: 22px; height: 22px; padding: 0; background: none; }

@media (max-width: 760px) {
  .support-browser { height: auto; }
  .support-products { overflow: visible; }
  .support-product-list { overflow-x: auto; overflow-y: hidden; padding: 0 0 5px; }
  .support-guide { overflow: visible; }
}