*,*::before,*::after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;min-height:100vh;text-rendering:optimizeSpeed;line-height:1}h1,h2,h3,h4,h5,h6,p,ul,figure,blockquote,dl,dd{padding:0;margin:0}button{border:none;background-color:rgba(0,0,0,0);font-family:inherit;padding:0;cursor:pointer}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}:root{--color-base: #3d3d3d;--color-purple: #8c4df2;--color-purple-alt: #7c52bf;--color-purple-darker: #4a2880;--color-red: #fd3347;--color-logo: #1e2832;--color-border: #d6dbea;--color-grey: #6b7280;--color-light-grey: #e2e5ef;--color-lighter-grey: #f5f6fa;--color-black: #000;--color-white: #fff;--font-base: "Plus Jakarta Sans", sans-serif;--font-logo: "Paytone One", sans-serif;--font-size-base: 14px;--line-height-base: 24px;--banner-height: 160px;--messages-header-height: 70px}@media(min-width: 576px){:root{--banner-height: 220px}}@media(min-width: 768px){:root{--banner-height: 350px;--messages-header-height: 80px}}body{background-color:var(--color-white);color:var(--color-base);font-family:var(--font-base)}.container{max-width:none;padding-inline:24px;margin-inline:auto}@media(min-width: 1400px){.container{padding-inline:32px}}.page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-white)}.page-container{display:flex;flex-grow:1}.page-container.page-container-full{flex-direction:column;padding-inline:24px;padding-block:30px 0}@media(min-width: 1400px){.page-container.page-container-full{padding-inline:32px}}.page-content,.page-content-full .inside-container{display:flex;flex-direction:column;padding-inline:20px;max-width:1500px;width:100%;margin-inline:auto}@media(min-width: 768px){.page-content,.page-content-full .inside-container{padding-inline:30px}}@media(min-width: 1020px){.page-content,.page-content-full .inside-container{padding-inline:60px}}.topbar{position:relative;padding:7px 32px;background:var(--color-black);z-index:48;display:none}@media(min-width: 768px){.topbar{display:block}}.topbar .topbar-inner{display:flex;align-items:center;gap:24px;overflow:hidden}.topbar .topbar-inner figure{cursor:pointer;opacity:0;transform:translateX(30px);transition:all .4s ease-in-out}.topbar .topbar-inner figure:nth-child(1){transition-delay:0.05s}.topbar .topbar-inner figure:nth-child(2){transition-delay:0.1s}.topbar .topbar-inner figure:nth-child(3){transition-delay:0.15s}.topbar .topbar-inner figure:nth-child(4){transition-delay:0.2s}.topbar .topbar-inner figure:nth-child(5){transition-delay:0.25s}.topbar .topbar-inner figure:nth-child(6){transition-delay:0.3s}.topbar .topbar-inner figure:nth-child(7){transition-delay:0.35s}.topbar .topbar-inner figure:nth-child(8){transition-delay:0.4s}.topbar .topbar-inner figure:nth-child(9){transition-delay:0.45s}.topbar .topbar-inner figure:nth-child(10){transition-delay:0.5s}.topbar .topbar-inner figure img{width:24px;height:24px}.topbar .topbar-inner.visible figure{opacity:1;transform:translateX(0)}.topbar .topbar-inner .left-group{display:flex;align-items:center;gap:16px}.topbar .topbar-inner .left-group .close-btn{padding:12px;border-radius:50%;background:var(--color-purple);height:40px;width:40px;position:relative;transition:all .3s ease-in-out}.topbar .topbar-inner .left-group .close-btn:hover{background:var(--color-purple-darker)}.topbar .topbar-inner .left-group .close-btn .burger-icon{position:relative;display:block;width:16px;height:2px;background:rgba(0,0,0,0);transition:all .3s ease-in-out}.topbar .topbar-inner .left-group .close-btn .burger-icon::before,.topbar .topbar-inner .left-group .close-btn .burger-icon::after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--color-white);transition:all .3s ease-in-out;opacity:0}.topbar .topbar-inner .left-group .close-btn .burger-icon::before{transform:rotate(45deg)}.topbar .topbar-inner .left-group .close-btn .burger-icon::after{transform:rotate(-45deg)}.topbar .topbar-inner .left-group .close-btn.rotated .burger-icon::after,.topbar .topbar-inner .left-group .close-btn.rotated .burger-icon::before{opacity:1}.topbar .topbar-inner .left-group .music-guide-btn{padding:6px 12px;color:var(--color-white);background:#272131;display:flex;align-items:center;gap:8px;border-radius:12px}.topbar .topbar-inner .left-group .music-guide-btn svg path{stroke:var(--color-white)}.topbar .topbar-inner .left-group .music-guide-btn .music-guide-text{display:flex;font-weight:600;align-items:center;font-size:14px}.topbar .topbar-inner .right-group{display:flex;align-items:center;gap:24px}.indexter-grid{display:grid;gap:8px;padding-block-end:30px}.indexter-grid a{text-decoration:none}@media(min-width: 576px){.indexter-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}}@media(min-width: 768px){.indexter-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}}@media(min-width: 1200px){.indexter-grid{grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}}.indexter-card.inactive{opacity:.7;pointer-events:none}.indexter-card{display:grid;grid-template-columns:48px minmax(0, 1fr);align-items:center;min-height:100%;column-gap:16px;padding:20px 16px;border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:.2s all}.indexter-card:hover{border-color:var(--color-purple)}.indexter-card .i-card-text{display:flex;flex-wrap:wrap;color:var(--color-logo);font-size:16px;gap:2px;align-items:baseline}.indexter-card .i-card-text .i-text-title,.indexter-card .i-card-text .i-text-guide{font-family:var(--font-logo)}.indexter-card .i-card-text .i-text-dot{background:var(--color-purple);width:5px;height:5px;border-radius:50%;display:block}header{display:none;background:var(--color-white);padding:23px 0;border-bottom:1px solid var(--color-light-grey);position:sticky;top:0;z-index:50}@media(min-width: 768px){header{display:block}}header>.container{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.logo{display:flex;color:var(--color-logo);font-size:24px;gap:4px;align-items:baseline;cursor:pointer;text-decoration:none}.logo .logo-title,.logo .logo-guide{font-family:var(--font-logo)}.logo .logo-dot{background:var(--color-purple);width:7px;height:7px;border-radius:50%;display:block}.header-left{display:contents}@media(min-width: 1020px){.header-left{display:flex;align-items:center;flex-grow:1;column-gap:20px}}