.tft-guide-page{color:#f4f7ff;position:relative}.tft-guide-page:before{z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 0,#4c9bff21,#0000 34rem),#070a14;position:fixed;inset:0}.tft-advanced-guide .tft-guide-hero{background:radial-gradient(circle at 80% 18%,#5ca5ff36,#0000 29%),radial-gradient(circle at 14% 24%,#b97aff29,#0000 28%),linear-gradient(145deg,#0d1d39fa,#070916fc);border:1px solid #5ca5ff45;border-radius:1.75rem;padding:3.5rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 28px 75px #00000057}.tft-advanced-guide .tft-guide-hero:after{pointer-events:none;content:"";opacity:.17;background-image:linear-gradient(30deg,#0000 48%,#5ca5ff4a 49% 51%,#0000 52%),linear-gradient(150deg,#0000 48%,#b97aff3b 49% 51%,#0000 52%),radial-gradient(circle,#ebcc78bf 1px,#0000 1.5px);background-size:88px 50px,88px 50px,44px 44px;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:#5ca5ff17;border:1px solid #5ca5ff61;border-radius:1rem;place-items:center;width:4rem;height:4rem;display:grid;box-shadow:0 0 32px #5ca5ff24}.tft-guide-mark img{object-fit:contain}.tft-guide-hero h1{color:#f5f8ff;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:#a7b2cb!important}.tft-guide-page>section{border-top:1px solid #5ca5ff21;padding-top:4.5rem;position:relative}.tft-guide-page [class*=bg-card]{background-color:#0d162aeb!important}.tft-guide-page [class*=border-blue-]{border-color:#5ca5ff4f!important}.tft-guide-page [class*=bg-blue-]{background-color:#5ca5ff14!important}.tft-guide-page [class*=text-blue-]{color:#76b5ff!important}.tft-guide-page [class*=text-muted]{color:#9ca7c0!important}.tft-guide-page [class*=border\ ]{border-color:#80a9de2e}.tft-guide-page h2,.tft-guide-page h3{color:#eff4ff}.tft-guide-page section [class*=rounded-xl]{box-shadow:0 16px 42px #0003}.tft-guide-page section [class*=rounded-xl]:hover{border-color:#5ca5ff6e!important}.tft-guide-page a:focus-visible{outline-offset:3px;outline:2px solid #5ca5ff}@media (max-width:640px){.tft-advanced-guide{padding-top:2rem}.tft-advanced-guide .tft-guide-hero{padding:2.5rem 1rem}.tft-guide-page>section{padding-top:3.5rem}}