.guide-page{color:#f6effb;background:radial-gradient(circle at 50% 0,#5d228533,#0000 30%),#0a0710;min-height:100vh;padding:18px 0 80px;font-family:Arial,sans-serif}.guide-nav{background:#130a20;border:1px solid #633c83;border-radius:99px;justify-content:center;align-items:center;gap:24px;width:min(960px,100% - 34px);margin:auto;padding:15px 20px;display:flex}.guide-nav a{color:#d8cde2;text-transform:uppercase;font-size:11px;font-weight:800;text-decoration:none}.guide-nav .guide-brand{color:#fff;margin-right:auto;font-size:13px}.guide-brand span{color:#bd71ff}.guide-nav .active{color:#ca82ff}.guide-hero{width:min(1100px,100% - 42px);margin:100px auto 42px}.guide-hero p,.guide-callout p{color:#c575ff;letter-spacing:1.5px;font-size:10px;font-weight:800}.guide-hero h1{letter-spacing:-.1em;margin:10px 0;font-size:clamp(64px,10vw,132px)}.guide-hero span{color:#c8bdcf;font-size:15px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:min(1100px,100% - 42px);margin:auto;display:grid}.guide-grid article{background:#120b1b;border:1px solid #54326d;border-radius:12px;min-height:210px;padding:22px;transition:all .2s;position:relative}.guide-grid article:hover{border-color:#b758f4;transform:translateY(-4px);box-shadow:0 0 25px #6e2ab85a}.guide-grid article>span{color:#c377ff;letter-spacing:1px;font-size:9px;font-weight:700}.guide-grid article>b{color:#b967f1;position:absolute;top:20px;right:20px}.guide-grid h2{letter-spacing:-.05em;margin:42px 0 8px;font-size:23px}.guide-grid p{color:#c4baca;font-size:13px;line-height:1.5}.guide-grid a{color:#d792ff;font-size:12px;font-weight:700;text-decoration:none;position:absolute;bottom:20px}.guide-pagination{color:#c8bdd3;justify-content:center;align-items:center;gap:10px;margin:38px auto;font-size:11px;display:flex}.guide-pagination i{background:#665274;border-radius:50%;width:7px;height:7px}.guide-pagination i.active{background:#bd65fa;box-shadow:0 0 12px #a44ef1}.guide-pagination b{color:#fff;margin:0 9px}.guide-callout{background:radial-gradient(circle at 80% 10%,#7131bd38,#0000 35%),#130b1e;border:1px solid #7641a1;border-radius:14px;justify-content:space-between;align-items:center;gap:30px;width:min(1100px,100% - 42px);margin:70px auto 0;padding:31px;display:flex}.guide-callout h2{letter-spacing:-.05em;margin:10px 0;font-size:31px}.guide-callout span{color:#c9bed1;font-size:13px}.guide-callout a{color:#fff;background:#7130cc;border:1px solid #7e45aa;border-radius:8px;margin-left:8px;padding:13px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.guide-callout a+a{background:0 0}@media (max-width:700px){.guide-nav{justify-content:flex-end}.guide-nav a:not(.guide-brand){display:none}.guide-grid{grid-template-columns:1fr}.guide-callout{display:block}.guide-callout div+div{margin-top:22px}.guide-callout a{margin:0 8px 0 0}}.guide-grid h2{letter-spacing:-.06em;font-size:29px;line-height:1.02}@media (max-width:700px){.guide-grid h2{font-size:31px}}.guide-pagination button{color:#c8bdd3;font:inherit;cursor:pointer;background:0 0;border:0}.guide-pagination button:disabled{opacity:.35;cursor:default}.guide-pagination button.dot{background:#665274;border-radius:99px;width:8px;height:8px;padding:0}.guide-pagination button.dot.active{background:#bd65fa;box-shadow:0 0 12px #a44ef1}.guide-grid article{cursor:pointer}.guide-grid h2{line-height:1.08;font-size:23px!important}.guide-grid article:focus-visible{outline-offset:3px;outline:2px solid #d079ff}@media (max-width:700px){.guide-grid h2{font-size:26px!important}}