.container.appMain:has(>.supportPage){width:100%;max-width:100%;margin:0;padding:0}.supportPage{--support-ink:#263244;--support-blue:var(--accent-blue-strong);width:100%;color:var(--support-ink);background:radial-gradient(circle at 87% 8%, #80bfa729, transparent 22rem), radial-gradient(circle at 8% 32%, #7e97cf21, transparent 24rem), linear-gradient(180deg, #f9fbff 0%, var(--surface-canvas) 52%, #f6f8fc 100%);flex:1;padding:clamp(1.5rem,4vw,3.75rem) max(1rem,50vw - 560px) clamp(3rem,7vw,5.5rem)}.supportPageHero{align-items:center;gap:clamp(1rem,2.5vw,1.75rem);max-width:880px;margin:0 0 clamp(1.75rem,4vw,3rem);display:flex}.supportPageHeroIcon{border:1px solid color-mix(in srgb, var(--accent-blue) 32%, var(--surface-white));width:clamp(4.25rem,8vw,6rem);height:clamp(4.25rem,8vw,6rem);color:var(--support-blue);background:linear-gradient(145deg, var(--surface-white), var(--surface-tint-blue));border-radius:28px 28px 28px 9px;flex:none;place-items:center;padding:1rem;display:grid;transform:rotate(-2deg);box-shadow:0 16px 34px #4a608421}.supportPageHeroIcon svg{width:100%;height:100%}.supportPageEyebrow{color:var(--accent-mint-strong);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:850}.supportPageHero h1{color:var(--text-strong);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.55rem);font-weight:900;line-height:1}.supportPageLead{max-width:58ch;color:var(--text-muted);margin:.85rem 0 0;font-size:clamp(1rem,1.8vw,1.13rem);line-height:1.65}.supportPageLayout{grid-template-columns:minmax(0,1.65fr) minmax(17rem,.78fr);align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}.supportPageFormCard,.supportPageAsideCard{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface-white) 94%, var(--surface-tint-blue));box-shadow:var(--shadow)}.supportPageFormCard{border-radius:var(--radius-card);overflow:hidden}.supportPageFormHeading{border-bottom:1px solid var(--line-soft);background:linear-gradient(120deg,#e9f1ffb3,#e8f6f06b);padding:clamp(1.25rem,3vw,2rem)}.supportPageFormHeading h2,.supportPageAsideCard h2{color:var(--text-strong);letter-spacing:-.025em;margin:0;font-size:1.12rem;font-weight:850}.supportPageFormHeading p{color:var(--text-muted);margin:.3rem 0 0;font-size:.9rem;line-height:1.5}.supportPageForm{padding:clamp(1.25rem,3vw,2rem)}.supportPageForm .supportBubbleForm{gap:1.15rem}.supportFormIdentityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.supportPageForm .supportBubbleField{gap:.48rem}.supportPageForm .supportBubbleFieldLabel,.supportPageForm .supportBubbleField>span{color:var(--text);font-size:.84rem;font-weight:720}.supportPageForm .supportBubbleField input,.supportPageForm .supportBubbleField textarea{border-color:var(--line);background:var(--surface-white);width:100%;transition:border-color .16s,box-shadow .16s,background .16s}.supportPageForm .supportBubbleField input:hover:not([readonly]),.supportPageForm .supportBubbleField textarea:hover{border-color:var(--line-strong)}.supportPageForm .supportBubbleField input:focus,.supportPageForm .supportBubbleField textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 4px var(--accent-blue-soft);outline:none}.supportPageForm .supportBubbleField textarea{min-height:9rem}.supportPageForm .supportBubbleActions{padding-top:.15rem}.supportPageForm .supportBubbleActions .btnAction{flex:0 15rem;min-height:2.85rem;font-weight:800}.supportPageAside{gap:1rem;display:grid;position:sticky;top:5.7rem}.supportPageAsideCard{border-radius:20px;padding:1.35rem}.supportPageAsideCard--mint{border-color:color-mix(in srgb, var(--accent-mint) 32%, var(--line-soft));background:linear-gradient(145deg,#e8f6f0f2,#fffffff5)}.supportPageAsideIcon{background:var(--surface-white);border-radius:12px 12px 12px 4px;place-items:center;width:2.65rem;height:2.65rem;margin-bottom:.85rem;font-size:1.25rem;display:inline-grid;box-shadow:0 7px 17px #5fa88824}.supportPageSteps{gap:.9rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.supportPageSteps li{grid-template-columns:1.65rem 1fr;align-items:start;gap:.7rem;display:grid}.supportPageSteps li>span{width:1.65rem;height:1.65rem;color:var(--accent-mint-strong);background:var(--surface-white);border-radius:50%;place-items:center;font-size:.7rem;font-weight:850;display:grid;box-shadow:inset 0 0 0 1px #80bfa747}.supportPageSteps p{color:var(--text-muted);margin:.14rem 0 0;font-size:.86rem;line-height:1.48}.supportPageAsideCard--small{box-shadow:var(--shadow-soft)}.supportPageAsideLabel{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:800}.supportPageAsideCard--small a{color:var(--support-blue);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--support-blue) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--support-blue) 35%, transparent);text-underline-offset:.2em;font-weight:800}@media (max-width:800px){.supportPageLayout{grid-template-columns:1fr}.supportPageAside{grid-template-columns:minmax(0,1.5fr) minmax(14rem,1fr);position:static}}@media (max-width:639px){.supportPage{padding:1.5rem .85rem 3rem}.supportPageHero{align-items:flex-start;gap:.85rem}.supportPageHeroIcon{border-radius:18px 18px 18px 7px;width:3.65rem;height:3.65rem;padding:.75rem}.supportPageLead{margin-top:.6rem;font-size:.94rem}.supportPageFormHeading,.supportPageForm{padding:1rem}.supportFormIdentityGrid,.supportPageAside{grid-template-columns:1fr}.supportPageForm .supportBubbleActions{flex-direction:column-reverse}.supportPageForm .supportBubbleActions .btnAction,.supportPageForm .supportBubbleCancelButton{width:100%;min-height:var(--tap-target-min);flex:none}}
