.tft-guide-page{color:#f7f4ff;position:relative}.tft-guide-page:before{z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 0,#ac77ff21,#0000 34rem),#080a16;position:fixed;inset:0}.tft-augments-guide .tft-guide-hero{background:radial-gradient(circle at 80% 18%,#b884ff36,#0000 28%),radial-gradient(circle at 14% 24%,#edc35b26,#0000 28%),linear-gradient(145deg,#1d133afa,#080a18fc);border:1px solid #b884ff45;border-radius:1.75rem;padding:3.5rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 28px 75px #00000054}.tft-augments-guide .tft-guide-hero:after{pointer-events:none;content:"";opacity:.18;background-image:radial-gradient(circle,#edc35bd9 1px,#0000 1.5px),linear-gradient(60deg,#0000 48%,#b884ff3b 49% 51%,#0000 52%),linear-gradient(120deg,#0000 48%,#b884ff2e 49% 51%,#0000 52%);background-size:42px 42px,90px 52px,90px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 74%);mask-image:radial-gradient(circle,#000,#0000 74%)}.tft-guide-hero>*{z-index:1;position:relative}.tft-guide-mark{background:#b884ff17;border:1px solid #b884ff61;border-radius:1rem;place-items:center;width:4rem;height:4rem;display:grid;box-shadow:0 0 32px #b884ff21}.tft-guide-mark img{object-fit:contain}.tft-guide-hero h1{color:#f8f5ff;letter-spacing:-.05em;font-size:clamp(2.35rem,6vw,4.4rem);font-weight:950}.tft-guide-hero>p{font-size:1rem;line-height:1.8;color:#b1abc7!important}.tft-guide-page>section{border-top:1px solid #b884ff21;padding-top:4.5rem;position:relative}.tft-guide-page [class*=bg-card]{background-color:#17122be8!important}.tft-guide-page [class*=border-blue-]{border-color:#b884ff4f!important}.tft-guide-page [class*=bg-blue-]{background-color:#b884ff14!important}.tft-guide-page [class*=text-blue-]{color:#c39aff!important}.tft-guide-page [class*=text-muted]{color:#aaa4bd!important}.tft-guide-page [class*=border\ ]{border-color:#d2b7ff2b}.tft-guide-page h2,.tft-guide-page h3{color:#f3efff}.tft-guide-page section [class*=rounded-xl]{box-shadow:0 16px 42px #0003}.tft-guide-page section [class*=rounded-xl]:hover{border-color:#b884ff6e!important}.tft-guide-page a:focus-visible{outline-offset:3px;outline:2px solid #b884ff}@media (max-width:640px){.tft-augments-guide{padding-top:2rem}.tft-augments-guide .tft-guide-hero{padding:2.5rem 1rem}.tft-guide-page>section{padding-top:3.5rem}}