.brand>.brand-mark{position:relative;isolation:isolate;display:block;width:42px;height:42px;flex:0 0 42px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 68% 25%,#63e9ff 0 4%,transparent 5%),linear-gradient(145deg,#071b45 0%,#105cdb 58%,#14b9d2 100%);box-shadow:0 11px 28px rgba(20,88,210,.32);transition:transform .2s ease,box-shadow .2s ease}.brand-mark:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(-18deg) skewX(-14deg)}.brand-mark:after{content:"";position:absolute;width:7px;height:7px;left:17px;top:17px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12),0 0 14px rgba(135,244,255,.95)}.brand-mark i{position:absolute;display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,.12),#fff);transform-origin:right center}.brand-mark i:nth-child(1){width:23px;left:2px;top:10px;transform:rotate(31deg)}.brand-mark i:nth-child(2){width:25px;left:0;bottom:10px;transform:rotate(-29deg)}.brand-mark i:nth-child(3){width:19px;right:3px;top:19px;transform:rotate(-2deg);background:linear-gradient(90deg,#fff,rgba(255,255,255,.15))}.brand:hover>.brand-mark{transform:translateY(-2px) rotate(-2deg);box-shadow:0 15px 34px rgba(20,88,210,.40)}
@media(prefers-reduced-motion:reduce){.brand>.brand-mark{transition:none}}