html,body,#root{height:100%;width:100%;margin:0;padding:0}body{overflow:hidden;background:transparent}.introq-root{height:100dvh;min-height:100vh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#5e17eb,#5e17ebf5 40%,#5e17ebeb);scroll-behavior:smooth;color:#fff;font-family:Inter,sans-serif;scrollbar-width:thin;scrollbar-color:#6b26ff transparent}.introq-root::-webkit-scrollbar{width:10px}.introq-root::-webkit-scrollbar-track{background:transparent}.introq-root::-webkit-scrollbar-thumb{border-radius:8px;background:linear-gradient(#6b26ff,#5e17eb);transition:opacity .2s ease}.introq-root::-webkit-scrollbar-thumb:hover{opacity:.9}.introq-root .thin-scroll{scrollbar-width:thin;scrollbar-color:#6b26ff transparent}.introq-root .thin-scroll::-webkit-scrollbar{width:6px}.introq-root .thin-scroll::-webkit-scrollbar-thumb{border-radius:6px;background:linear-gradient(#6b26ff,#5e17eb)}.introq-root .thin-scroll::-webkit-scrollbar-thumb:hover{opacity:.9}.introq-root .scroll-pane{overflow-y:auto;-webkit-overflow-scrolling:touch}.introq-root .fade-bottom{position:relative}.introq-root .fade-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(94,23,235,.9))}.introq-root a{color:#bda8ff;text-decoration:none;transition:opacity .2s ease}.introq-root a:hover{opacity:.85}.introq-root .text-dim{color:#ffffffb3}.introq-root hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.75rem 0}.introq-scroll{scrollbar-width:thin;scrollbar-color:#4a18c9 transparent}.introq-scroll::-webkit-scrollbar{width:6px}.introq-scroll::-webkit-scrollbar-track{background:transparent}.introq-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a18c9,#7f3ff2);border-radius:999px}.introq-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5b21d3,#a855f7)}