.supportHero{background:linear-gradient(135deg,#0b1b2b,#0b2b43);border:1px solid #21415c;border-radius:14px;grid-template-columns:135px 1fr 90px;align-items:center;gap:22px;margin:8px 0 38px;padding:25px 28px;display:grid}.supportHero img{object-fit:contain;filter:drop-shadow(0 8px 22px #0006);width:125px;height:100px}.supportHero span{letter-spacing:2px;color:#2bb3fb;font-size:11px;font-weight:800}.supportHero h2{margin:7px 0;font-size:25px}.supportHero p{color:#a6b9cb;margin:0;line-height:1.55}.ticketIcon{text-align:center;font-size:54px}.pathBox{background:#091724;border:1px solid #22394f;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;display:flex}.pathBox span{color:#91a6ba}.pathBox i{color:#476278;font-style:normal}.pathBox strong{color:#45c5ff}.steps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.steps>div{background:#091724;border:1px solid #22394f;border-radius:10px;gap:11px;padding:16px;display:flex}.steps>div>b{color:#56c9ff;background:#0d3b57;border-radius:50%;place-items:center;min-width:29px;height:29px;display:grid}.steps span{flex-direction:column;gap:4px;display:flex}.steps small{color:#91a6ba}.helpGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.helpGrid>div{background:#091724;border:1px solid #22394f;border-radius:10px;gap:11px;padding:15px;display:flex}.helpGrid>div>b{font-size:21px}.helpGrid span{flex-direction:column;gap:4px;display:flex}.helpGrid small{color:#91a6ba}.exampleTicket{background:#091724;border:1px solid #28506c;border-radius:11px;overflow:hidden}.exampleTicket header,.exampleTicket>div{border-top:1px solid #1d3548;grid-template-columns:150px 1fr;gap:14px;padding:12px 16px;display:grid}.exampleTicket header{background:#0c2639;border-top:0}.exampleTicket header span{color:#3abaff;letter-spacing:1.5px;font-size:11px;font-weight:900}.exampleTicket>div b{color:#91a6ba;font-size:13px}.conversation{background:#07131d;border:1px solid #22394f;border-radius:11px;gap:10px;padding:18px;display:grid}.conversation>div{border-radius:10px;flex-direction:column;gap:5px;max-width:75%;padding:12px 14px;display:flex}.conversation small{letter-spacing:1.3px;font-size:9px}.userMsg{background:#0d4566;border:1px solid #236f96;margin-left:auto}.userMsg small{color:#72d2ff}.staffMsg{background:#132534;border:1px solid #29465c}.staffMsg small{color:#66e2b2}.roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.roles>div{background:#091724;border:1px solid #22394f;border-radius:10px;flex-direction:column;gap:5px;padding:17px;display:flex}.roles b{font-size:22px}.roles strong{color:#3abaff}.roles span{color:#91a6ba;font-size:13px}.beforeGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.docLink{color:inherit;background:#091724;border:1px solid #22394f;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:15px;text-decoration:none;display:grid}.docLink>b{font-size:21px}.docLink>span{flex-direction:column;display:flex}.docLink small{color:#91a6ba}.docLink i{color:#3abaff;font-size:20px;font-style:normal}.docLink:hover{background:#0b1d2a;border-color:#2b82ad}.remember{grid-template-columns:1fr 1fr;gap:10px;display:grid}.remember>div{background:#091724;border:1px solid #22394f;border-radius:10px;align-items:center;gap:11px;padding:15px;display:flex}.remember b{font-size:20px}.remember span{color:#a8bac9}@media (max-width:760px){.supportHero{grid-template-columns:1fr}.ticketIcon{text-align:left}.steps,.helpGrid,.roles,.beforeGrid,.remember,.exampleTicket header,.exampleTicket>div{grid-template-columns:1fr}.conversation>div{max-width:90%}}
