@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.supportHero{color:#fff;text-align:center;box-sizing:border-box;background:url(/resources/GenericHeroBG.png) 50%/cover;padding:12vw 6vw;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.supportHeroContainer{flex-direction:column;gap:3rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.supportHeroHeading{text-align:center;margin-bottom:.8rem;font-size:26px;font-weight:600}.supportHeroSubheading{text-align:center;color:#ddd;margin-bottom:4vw;padding:0 2vw;font-size:16px;line-height:1.6}.supportHeroLeft{text-align:center}.supportHeroHelp{margin-top:2rem}.supportHeroHelp h3{margin-bottom:.5rem;font-size:20px}.supportHeroHelp p{color:#eee;margin-bottom:1rem;font-size:16px}.supportHeroOptions{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.supportHeroOption{text-align:left;align-items:flex-start;gap:1rem;display:flex}.supportHeroIcon{flex-shrink:0;align-self:center;width:65px;height:65px}.supportHeroOption h4{margin:0;font-size:20px}.supportHeroOption p{color:#ccc;margin:.3rem 0;font-size:16px}.supportHeroOption a{color:#ff4172;white-space:nowrap;width:-moz-fit-content;width:fit-content;font-size:13px;text-decoration:none;transition:all .3s}.supportHeroOption a:hover{text-decoration:underline}.supportHeroRight{text-align:left;background:#1a1a1a;border:2px solid #ff4172;border-radius:10px;padding:2rem}.supportHeroRight h3{text-align:center;margin-bottom:1.5rem;font-size:20px}.supportHeroForm{flex-direction:column;gap:1.2rem;display:flex}.supportHeroForm label{text-align:left;color:#fff;flex-direction:column;font-size:16px;display:flex}.supportHeroForm input,.supportHeroForm textarea{color:#fff;background:#000;border:none;border-radius:6px;width:100%;margin-top:6px;padding:.9rem;font-size:16px;transition:border .3s,outline .3s}.supportHeroForm input:focus,.supportHeroForm textarea:focus{outline:2px solid #ff4172}.supportHeroForm textarea{resize:vertical;min-height:160px;max-height:280px;line-height:1.5}.supportHeroRow{flex-direction:column;gap:1.2rem;display:flex}.supportHeroCheckbox{color:#fff;align-items:center;gap:.6rem;font-size:16px;display:flex}.supportHeroForm button{color:#fff;cursor:pointer;background:#ff4172;border:none;border-radius:8px;padding:1rem;font-size:16px;transition:all .3s}.supportHeroForm button:hover{background:#ff3f6a}.supportHeroFormCaptcha{align-self:center}@media (min-width:768px){.supportHero{text-align:left;padding:10vw 6vw}.supportHeroHeading{font-size:32px}.supportHeroSubheading{padding:0 6vw;font-size:18px}.supportHeroHelp h3{text-align:left;font-size:24px}.supportHeroHelp p{text-align:left;font-size:18px}.supportHeroContainer{flex-direction:column;align-items:center}.supportHeroLeft,.supportHeroRight{width:100%;max-width:700px}.supportHeroOptions{flex-flow:wrap;justify-content:flex-start;gap:2rem}.supportHeroOption{flex:45%;max-width:45%}.supportHeroRow{flex-direction:row}.supportHeroRow label{flex:1}.supportHeroForm textarea{min-height:180px}}@media (min-width:1024px){.supportHero{padding:6vw 8vw}.supportHeroContainer{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4rem}.supportHeroLeft{flex:1;max-width:550px}.supportHeroRight{flex:1}.supportHeroHeading{font-size:40px}.supportHeroSubheading{padding:0 16vw;font-size:24px}.supportHeroOptions{flex-direction:column}.supportHeroOptions h4{font-size:18px}.supportHeroOptions p{font-size:16px}.supportHeroForm textarea{min-height:200px}}
