@charset "UTF-8";.site-page{position:relative;flex:1 0 auto}.site-page__about,.site-page__home,.site-page__moo{background-color:#fff;height:100%}.site-page-enter{opacity:0;transform:scale(.9)}.site-page-enter-active{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.site-page-exit{opacity:1;transform:scale(1)}.site-page-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(max(250px,100% / var(--itemCount) - 30px),1fr))}.app{min-height:100vh;display:flex;flex-direction:column}.app__container{display:flex;flex-direction:column;min-height:100vh}.app__content-container{display:flex;flex-direction:column;flex:1;height:calc(100vh - 64px)}@media (min-width: 800px){.app__content-container{flex-direction:row}}.app__main-content{flex:1;padding:1.5rem;overflow-y:auto}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin-top:0}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#7289da,#5865f2);padding:20px}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:600px;overflow:hidden}.login-header{background-color:#5865f2;color:#fff;padding:24px;text-align:center}.login-header h1{margin:0;font-size:28px;font-weight:700}.login-subtitle{margin:8px 0 0;font-size:16px;opacity:.9}.login-content{padding:24px}.login-content p{margin-top:0;color:#4f5660;line-height:1.5}.login-benefits{background-color:#f6f6f6;border-radius:6px;padding:16px 20px;margin:20px 0}.login-benefits h3{margin-top:0;font-size:18px;color:#4f5660}.login-benefits ul{margin:0;padding-left:20px}.login-benefits li{margin-bottom:8px;color:#4f5660}.login-button{display:flex;align-items:center;justify-content:center;width:100%;background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin:24px 0 0}.login-button:hover{background-color:#4752c4}.login-button:disabled{background-color:#99aab5;cursor:not-allowed}.discord-icon{margin-right:10px;font-size:20px}.login-footer{border-top:1px solid #ebedef;padding:16px 24px;text-align:center}.login-footer p{margin:0;font-size:12px;color:#99aab5}.dashboard__container{padding:2.7777777778rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.dashboard__container{padding:2.2222222222rem}}@media (max-width: 350px){.dashboard__container{padding:1.6666666667rem}}.dashboard__header{margin-bottom:3.3333333333rem}.dashboard__title{font-family:CircularStd-Black,sans-serif;font-size:1.6666666667rem;color:#373434;margin-bottom:1.6666666667rem}.dashboard__subtitle{font-family:CircularStd-Book,sans-serif;font-size:1rem;color:#ccc;margin-top:0}.dashboard__content{display:grid;grid-template-columns:1fr;gap:3.3333333333rem}@media (min-width: 768px){.dashboard__content{grid-template-columns:repeat(2,1fr)}}.dashboard__section{margin-bottom:3rem}@media (max-width: 350px){.dashboard__section{margin-bottom:1.5rem}}.dashboard__section-title{font-family:CircularStd-Bold,sans-serif;font-size:1.3333333333rem;margin-bottom:2.2222222222rem;color:#373434}.dashboard__card{background-color:#fff;border-radius:8px;padding:2.7777777778rem;box-shadow:0 2px 8px #0000001f;margin-bottom:2.7777777778rem}.marketing-layout{min-height:100vh;display:flex;flex-direction:column}.marketing-layout__content{flex:1}.marketing-container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.marketing-container{padding:0 1.1111111111rem}}.marketing-section{padding:4.4444444444rem 0}@media (max-width: 768px){.marketing-section{padding:3.3333333333rem 0}}@media (max-width: 350px){.marketing-section{padding:2.2222222222rem 0}}.marketing-section--hero{padding:5.5555555556rem 0;background:linear-gradient(135deg,#f9eae1,#52489c)}@media (max-width: 768px){.marketing-section--hero{padding:4.4444444444rem 0}}@media (max-width: 350px){.marketing-section--hero{padding:3.3333333333rem 0}}.marketing-section--alt{background-color:#fef3ee}.marketing-title{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#373434;line-height:1.25;margin-bottom:1.6666666667rem;text-align:center}@media (max-width: 768px){.marketing-title{font-size:1.6666666667rem}}@media (max-width: 350px){.marketing-title{font-size:1.3333333333rem;margin-bottom:1.1111111111rem}}.marketing-title--hero{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2.2222222222rem}.marketing-subtitle{font-family:CircularStd-Book,sans-serif;font-size:1.1111111111rem;color:#ccc;line-height:1.625;text-align:center;margin-bottom:2.7777777778rem}@media (max-width: 768px){.marketing-subtitle{font-size:1rem;margin-bottom:2.2222222222rem}}@media (max-width: 350px){.marketing-subtitle{font-size:.8888888889rem;margin-bottom:1.6666666667rem}}.marketing-text{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;color:#373434;line-height:1.625;margin-bottom:1.6666666667rem}.marketing-text--large{font-size:1rem}.marketing-text--center{text-align:center}.button{background-color:#e384d8;color:#fff;border:0;border-radius:.6666666667rem;display:inline-block;padding:.9444444444rem 1.6666666667rem;font-size:.8888888889rem;line-height:1.2;font-weight:900;text-transform:uppercase;margin-bottom:.1666666667rem;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .5s,color .5s,border .5s}.button--disabled{opacity:.75}.button--disabled:active,.button--disabled:hover,.button--disabled:focus{background-color:#1136fe}.button--text{background-color:unset;box-shadow:unset;padding-left:0}.button--text:active,.button--text:hover,.button--text:focus{background-color:unset}.button--with-icon-left svg{vertical-align:middle;transition:all .3s ease-in-out;margin-right:.7222222222rem}.button--with-icon-left:active svg,.button--with-icon-left:hover svg,.button--with-icon-left:focus svg{transform:translate(-2px)}.button--with-icon-right svg{vertical-align:middle;transition:all .3s ease-in-out;margin-left:.7222222222rem}.button--with-icon-right:active svg,.button--with-icon-right:hover svg,.button--with-icon-right:focus svg{transform:translate(2px)}.button--link-cover{position:absolute;width:100%;height:100%;top:0;left:0}.card{position:relative;border-radius:12px;border:1px solid #cccccc}.card--small{height:280px;width:100%}.card--small .card__bg-img{width:100%}.card--small .card__content{position:absolute;width:100%;height:100%}.card--small .card__content .button{color:#fff}.card--small .card__content svg path{fill:#fff}.card--large{height:100%;width:100%;display:flex;flex-direction:column-reverse}@media (min-width: 800px){.card--large{height:350px;flex-direction:row-reverse}}.card--large .card__bg-img{width:100%;border-radius:12px 12px 0 0}@media (min-width: 800px){.card--large .card__bg-img{flex-direction:row-reverse;border-radius:12px 0 0 12px;width:50%}}.card--large .card__content{width:100%;border-radius:0 0 12px 12px;border:1px solid #cccccc}@media (min-width: 800px){.card--large .card__content{width:50%;border-radius:0 12px 12px 0}}.card--large .card__content .button{color:#373434}.card--large .card__content svg path{fill:#373434}.card--large .card__header{color:#373434}.card__bg-img{border-radius:12px}.card__content{padding:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.card__image{width:100%;object-fit:cover;max-height:180px;border-top-right-radius:12px;border-top-left-radius:12px}.card__header{color:#fff;text-transform:uppercase;font-size:16px;margin:0 0 14px}@media (min-width: 350px){.card__header{font-size:20px}}.card__intro{margin:0 0 14px}.text--black{color:#373434}.text--pink{color:#e384d8}.text--white{color:#fff}.container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem;width:100%}.container--no-pad{padding-left:0;padding-right:0}.container--large{max-width:88.8888888889rem}.container--medium{max-width:68.8888888889rem}.container--small{max-width:56.8888888889rem}.content-section{padding-bottom:3rem;padding-top:3rem}.content-section .inner-content{margin-top:1.5rem}.content-section--reduced-padding{padding-bottom:1.5rem;padding-top:1.5rem}.content-section--reduced-padding-bottom{padding-bottom:1.5rem}.content-section--reduced-padding-top{padding-top:1.5rem}.content-section--no-padding{padding:0}.content-section--no-padding-top{padding-top:0}.card{border-radius:.4444444444rem;box-shadow:0 1px 3px #0000001a;padding:1.1111111111rem}.card__header{margin-bottom:1.1111111111rem;display:flex;justify-content:space-between;align-items:center}.card__title{font-size:.7777777778rem;font-weight:600;margin:0;flex:1;font-family:CircularStd-Book,sans-serif;color:#797272;text-transform:uppercase;margin-bottom:1.1111111111rem}.card__title:after{content:"";display:block;width:100%;height:2px;background-color:#d9d9d9;margin-top:4px}.card__value{font-family:CircularStd-Bold,sans-serif;font-size:1.6666666667rem;font-weight:700;flex:1;color:#373434}.card__body{margin-bottom:1rem}.card__footer{display:flex;justify-content:flex-end}.card--grey-light{background-color:#e6e6e6;border-radius:8px;padding:20px;display:flex;flex-direction:column;transition:transform .2s ease-in-out}.card--grey-light:hover{transform:translateY(-2px)}.card--grey-dark{background-color:#a6a6a6;color:#fff}.burger{display:flex;flex-direction:column;justify-content:space-around;width:2.2222222222rem;height:2.2222222222rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.burger:focus{outline:none}.burger div{width:2.2222222222rem;height:.25rem;background:#fff;border-radius:.5555555556rem;transition:all .3s linear;position:relative;transform-origin:1px}.burger div:first-child{transform:rotate(0)}.burger div:nth-child(2){opacity:1;transform:translate(0)}.burger div:nth-child(3){transform:rotate(0)}.burger.active div:first-child{transform:rotate(45deg)}.burger.active div:nth-child(2){opacity:0;transform:translate(1.1111111111rem)}.burger.active div:nth-child(3){transform:rotate(-45deg)}.site-footer{flex-shrink:0;background-color:#373434}.site-footer__layout{display:flex;justify-content:space-between;align-items:center}.site-footer__logo{width:90px}.site-footer__social{display:flex;align-items:center}.site-footer__social svg{margin-left:1.1111111111rem}.site-header{width:100%;display:flex;background-color:#373434;position:sticky;top:0;height:5.5555555556rem;z-index:9999;transition:all .3s ease-in-out}.site-header.reduced{height:4.4444444444rem}.site-header.reduced .site-header__logo{width:3.8888888889rem}.site-header__masthead{display:flex;align-items:center;justify-content:space-between}.site-header__logo{transition:all .3s ease-in-out;width:3.8888888889rem}@media (min-width: 800px){.site-header__logo{width:5.5555555556rem}}.site-header__desktop-nav{display:none;justify-content:flex-end}@media (min-width: 800px){.site-header__desktop-nav{display:flex}}.site-header__mobile-nav{display:block;position:fixed;background-color:#373434;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9;transition:all .3s ease-in-out}@media (min-width: 800px){.site-header__mobile-nav{display:none}}.site-header__mobile-nav.closed{transform:translate(-100%)}.site-header__mobile-nav.open{transform:translate(0)}.navigation__item{position:relative;text-transform:uppercase;font-size:1.6666666667rem;font-weight:500;color:#fff;margin-bottom:1.1111111111rem}@media (min-width: 350px){.navigation__item{font-size:1.1111111111rem}}.navigation__item:after{content:"";position:absolute;background:#fff;height:.1111111111rem;left:0;bottom:-.1666666667rem;width:0%;display:inline-block;transition:all .3s ease-in-out}@media (min-width: 800px){.navigation__item{margin-bottom:0;margin-left:2.2222222222rem}}.navigation__item.current:after,.navigation__item:hover:after{width:100%}.slider .glide__slide-image{width:100%;height:250px}@media (min-width: 800px){.slider .glide__slide-image{height:500px}}.slider .glide__slides.disable{pointer-events:none}.slider .glide__arrow{position:absolute}.slider .glide__arrow--prev,.slider .glide__arrow--next{cursor:pointer;top:50%;transform:translateY(-50%);position:absolute}.slider .glide__arrow--prev img,.slider .glide__arrow--next img{width:35px}.slider .glide__arrow--prev{left:5px}.slider .glide__arrow--next{right:5px}.text-block *+*{margin-top:1rem}.text-block__wrapper{width:100%}@media (min-width: 800px){.text-block__wrapper{width:66%}}.user-profile{display:flex;align-items:center;padding:1.1111111111rem}.user-profile__avatar-container{position:relative;margin-left:1.1111111111rem;display:flex;flex-direction:column;align-items:center;gap:1.1111111111rem}.user-profile__avatar-img{width:3.3333333333rem;height:3.3333333333rem;border-radius:50%;object-fit:cover}.user-profile__avatar-placeholder{width:3.3333333333rem;height:3.3333333333rem;border-radius:50%;background-color:#d1d5db;display:flex;align-items:center;justify-content:center}.user-profile__avatar-placeholder span{color:#4b5563;font-weight:500}.user-profile__info{display:flex;flex-direction:column;flex-grow:1}.user-profile__name{font-weight:500;color:#ffe699;margin-bottom:.5555555556rem}.user-profile__stats,.user-profile__bot-info{display:flex;font-size:.7777777778rem;color:#fff;margin-bottom:.125rem}.user-profile__stats span+span,.user-profile__bot-info span+span{margin-left:.5rem}.user-profile__error{font-size:.7777777778rem;color:#e384d8}.user-profile__source,.user-profile__email{font-size:.6666666667rem;color:#ccc}.sidebar{background-color:#f3f4f6;width:100%;height:100%;border-right:1px solid #e5e7eb}@media (min-width: 800px){.sidebar{width:250px}}.sidebar__mobile-header{display:block;padding:1rem;border-bottom:1px solid #e5e7eb}@media (min-width: 800px){.sidebar__mobile-header{display:none}}.sidebar__mobile-toggle{background:none;border:none;font-size:1.5rem;color:#4b5563;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.sidebar__mobile-toggle:hover{background-color:#e5e7eb}.sidebar__mobile-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.sidebar__nav--desktop{display:none;padding:1rem}@media (min-width: 800px){.sidebar__nav--desktop{display:block}}.sidebar__nav--mobile{display:block;padding:0 1rem 1rem}@media (min-width: 800px){.sidebar__nav--mobile{display:none}}.sidebar__mobile-content{padding-top:.5rem}.sidebar__list{list-style-type:none;padding:0;margin:0}.sidebar__item{margin-bottom:.5rem}.sidebar__item--active .sidebar__link{background-color:#e0e7ff;color:#4338ca;font-weight:600}.sidebar__link{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.375rem;color:#4b5563;text-decoration:none;transition:background-color .2s ease}.sidebar__link:hover{background-color:#e5e7eb}.sidebar__link-icon{margin-right:.75rem;font-size:1.25rem}.sidebar__link-text{font-size:.875rem}.sidebar .accordion-button{background-color:transparent;border:none;padding:.75rem 1rem;margin-bottom:0;font-weight:600;color:#374151}.sidebar .accordion-button:hover{background-color:#e5e7eb}.sidebar .accordion-item.expanded{background-color:#f9fafb;border-radius:.375rem;padding:.5rem 0}.navbar{background-color:#4338ca;color:#fff;padding:1rem}.navbar__container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar__logo{font-size:1.25rem;font-weight:700;text-decoration:none;color:#fff}.navbar__user-section{display:flex;align-items:center}.navbar__welcome-text{margin-right:1rem}.navbar__avatar{width:2rem;height:2rem;border-radius:50%;margin-right:.5rem}.navbar__button{background-color:#3730a3;color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;text-decoration:none}.navbar__button:hover{background-color:#312e81}.button{display:inline-block;background-color:#4338ca;color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;text-decoration:none;font-size:.875rem}.button:hover{background-color:#3730a3}.button--secondary{background-color:#6b7280}.button--secondary:hover{background-color:#4b5563}.button--danger{background-color:#ef4444}.button--danger:hover{background-color:#dc2626}.button--white{background-color:#fff;color:#1136fe}.button--white:hover{background-color:#e6e6e6}.button--full{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.super-user-stats{background-color:#fff;border-radius:12px;border:1px solid rgb(229.5,229.5,229.5);padding:24px;margin-bottom:24px}.super-user-stats__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.super-user-stats__title{font-family:CircularStd-Bold,sans-serif;font-size:1.5rem;font-weight:600;margin:0;color:#373434}.super-user-stats__badge{background-color:#1136fe;color:#fff;font-family:CircularStd-Bold,sans-serif;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.super-user-stats__summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.super-user-stats__summary-item{background-color:#e6e6e6;border-radius:8px;padding:20px;display:flex;flex-direction:column;transition:transform .2s ease-in-out}.super-user-stats__summary-item:hover{transform:translateY(-2px)}.super-user-stats__summary-label{font-family:CircularStd-Book,sans-serif;font-size:.875rem;color:#ccc;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.super-user-stats__summary-value{font-family:CircularStd-Bold,sans-serif;font-size:1.75rem;font-weight:700;color:#373434}.super-user-stats__section-title{font-family:CircularStd-Bold,sans-serif;font-size:1.25rem;font-weight:600;margin:24px 0 16px;color:#373434}.super-user-stats__server-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.super-user-stats__server-item{background-color:#e6e6e6;border-radius:8px;padding:20px;border-left:4px solid #1136fe;transition:all .2s ease-in-out}.super-user-stats__server-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.super-user-stats__server-name{font-family:CircularStd-Bold,sans-serif;font-weight:600;margin-bottom:12px;color:#373434;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.super-user-stats__server-details{display:flex;justify-content:space-between;font-family:CircularStd-Book,sans-serif;font-size:.875rem;color:#ccc}.super-user-stats__server-users,.super-user-stats__server-quizzes{background-color:#1136fe;padding:4px 8px;border-radius:4px;font-weight:500}.super-user-stats__loading,.super-user-stats__error,.super-user-stats__no-data{padding:48px 20px;text-align:center;font-family:CircularStd-Book,sans-serif;color:#ccc;font-size:1rem}.super-user-stats__error{color:#ef4444;font-weight:500}@media (max-width: 768px){.super-user-stats{padding:16px}.super-user-stats__summary{grid-template-columns:repeat(2,1fr);gap:12px}.super-user-stats__server-list{grid-template-columns:1fr}.super-user-stats__summary-item,.super-user-stats__server-item{padding:16px}}@media (max-width: 480px){.super-user-stats__summary{grid-template-columns:1fr}.super-user-stats__header{flex-direction:column;align-items:flex-start;gap:12px}.super-user-stats__badge{align-self:flex-start}.super-user-stats__server-details{flex-direction:column;gap:8px}}.accordion-item.collapsed{display:none}.accordion-item.expanded{display:block}.accordion-button{display:block;width:100%;padding:1rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;color:#374151;transition:all .2s ease;margin-bottom:.5rem}.accordion-button:hover{background-color:#e5e7eb}.accordion-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.accordion-button{position:relative}.accordion-button:after{content:"▼";position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .2s ease}.accordion-button[aria-expanded=false]:after{transform:translateY(-50%) rotate(-90deg)}.marketing-navbar{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.marketing-navbar__container{display:flex;justify-content:space-between;align-items:center;padding:1.1111111111rem 2.2222222222rem}.marketing-navbar__logo{display:flex;align-items:center;text-decoration:none;color:#b77536;font-weight:600;font-size:1.1111111111rem}.marketing-navbar__logo:hover{color:#0123db;text-decoration:none}.marketing-navbar__logo-image{width:3.3333333333rem;height:3.3333333333rem;margin-right:1.1111111111rem;flex-shrink:0}.marketing-navbar__logo-text{color:inherit}.marketing-navbar__links{display:flex;align-items:center;gap:1.6666666667rem}@media (max-width: 768px){.marketing-navbar__links{gap:1.1111111111rem}}.marketing-navbar__link{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;font-weight:500;color:#373434;text-decoration:none;padding:.5555555556rem 1.1111111111rem;border-radius:8px;transition:all .3s ease}.marketing-navbar__link:hover{color:#1136fe;background-color:#1136fe}.marketing-navbar__link--cta{background-color:#1136fe;color:#fff;font-weight:600;padding:.6666666667rem 1.6666666667rem}.marketing-navbar__link--cta:hover{background-color:#0123db;color:#fff}@media (max-width: 768px){.marketing-navbar__link{font-size:.7777777778rem;padding:.4444444444rem .5555555556rem}.marketing-navbar__link--cta{padding:.5555555556rem 1.1111111111rem}}.home .hero{padding:4.4444444444rem 0}@media (max-width: 768px){.home .hero{padding:3.3333333333rem 0}}@media (max-width: 350px){.home .hero{padding:2.2222222222rem 0}}.home .hero{padding:5.5555555556rem 0;background:linear-gradient(135deg,#f9eae1,#52489c)}@media (max-width: 768px){.home .hero{padding:4.4444444444rem 0}}@media (max-width: 350px){.home .hero{padding:3.3333333333rem 0}}.home .hero__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.home .hero__container{padding:0 1.1111111111rem}}.home .hero__container{text-align:center}.home .hero__title{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#373434;line-height:1.25;margin-bottom:1.6666666667rem;text-align:center}@media (max-width: 768px){.home .hero__title{font-size:1.6666666667rem}}@media (max-width: 350px){.home .hero__title{font-size:1.3333333333rem;margin-bottom:1.1111111111rem}}.home .hero__title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2.2222222222rem;color:#373434}.home .hero__subtitle{font-family:CircularStd-Book,sans-serif;font-size:1.1111111111rem;color:#ccc;line-height:1.625;text-align:center;margin-bottom:2.7777777778rem}@media (max-width: 768px){.home .hero__subtitle{font-size:1rem;margin-bottom:2.2222222222rem}}@media (max-width: 350px){.home .hero__subtitle{font-size:.8888888889rem;margin-bottom:1.6666666667rem}}.home .hero__subtitle{max-width:600px;margin:0 auto 2.7777777778rem}.home .hero__actions{display:flex;gap:1.6666666667rem;justify-content:center;flex-wrap:wrap}@media (max-width: 350px){.home .hero__actions{flex-direction:column;align-items:center;gap:1.1111111111rem}}.home .features{padding:4.4444444444rem 0}@media (max-width: 768px){.home .features{padding:3.3333333333rem 0}}@media (max-width: 350px){.home .features{padding:2.2222222222rem 0}}.home .features__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.home .features__container{padding:0 1.1111111111rem}}.home .features h2{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#373434;line-height:1.25;margin-bottom:1.6666666667rem;text-align:center}@media (max-width: 768px){.home .features h2{font-size:1.6666666667rem}}@media (max-width: 350px){.home .features h2{font-size:1.3333333333rem;margin-bottom:1.1111111111rem}}.home .features h2{margin-bottom:3.3333333333rem}.home .features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.7777777778rem}@media (max-width: 768px){.home .features__grid{grid-template-columns:1fr;gap:2.2222222222rem}}.home .feature{background-color:#fff;padding:2.7777777778rem;border-radius:12px;box-shadow:0 2px 8px #0000001f;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.home .feature:hover{transform:translateY(-4px);box-shadow:0 5px 15px #00000026}.home .feature h3{font-family:CircularStd-Bold,sans-serif;font-size:1.1111111111rem;font-weight:600;color:#1136fe;margin-bottom:1.1111111111rem}.home .feature p{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;color:#373434;line-height:1.625;margin-bottom:1.6666666667rem;margin-bottom:0;color:#ccc}@media (max-width: 350px){.home .feature{padding:2.2222222222rem}}.btn{display:inline-block;font-family:CircularStd-Bold,sans-serif;font-size:.8888888889rem;font-weight:600;text-decoration:none;text-align:center;padding:.7777777778rem 2.2222222222rem;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn--primary{background-color:#1136fe;color:#fff;border-color:#1136fe}.btn--primary:hover{background-color:#0123db;border-color:#0123db;transform:translateY(-2px);box-shadow:0 2px 8px #0000001f}.btn--secondary{background-color:transparent;color:#1136fe;border-color:#1136fe}.btn--secondary:hover{background-color:#1136fe;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #0000001f}@media (max-width: 350px){.btn{padding:.6666666667rem 1.6666666667rem;font-size:.7777777778rem;min-width:200px}}.about__hero{padding:4.4444444444rem 0}@media (max-width: 768px){.about__hero{padding:3.3333333333rem 0}}@media (max-width: 350px){.about__hero{padding:2.2222222222rem 0}}.about__hero{padding:5.5555555556rem 0;background:linear-gradient(135deg,#f9eae1,#52489c)}@media (max-width: 768px){.about__hero{padding:4.4444444444rem 0}}@media (max-width: 350px){.about__hero{padding:3.3333333333rem 0}}.about__hero .about__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.about__hero .about__container{padding:0 1.1111111111rem}}.about__hero .about__container{text-align:center}.about__hero h1{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#373434;line-height:1.25;margin-bottom:1.6666666667rem;text-align:center}@media (max-width: 768px){.about__hero h1{font-size:1.6666666667rem}}@media (max-width: 350px){.about__hero h1{font-size:1.3333333333rem;margin-bottom:1.1111111111rem}}.about__hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2.2222222222rem}.about__hero p{font-family:CircularStd-Book,sans-serif;font-size:1.1111111111rem;color:#ccc;line-height:1.625;text-align:center;margin-bottom:2.7777777778rem}@media (max-width: 768px){.about__hero p{font-size:1rem;margin-bottom:2.2222222222rem}}@media (max-width: 350px){.about__hero p{font-size:.8888888889rem;margin-bottom:1.6666666667rem}}.about__hero p{max-width:700px;margin:0 auto}.about__content{padding:4.4444444444rem 0}@media (max-width: 768px){.about__content{padding:3.3333333333rem 0}}@media (max-width: 350px){.about__content{padding:2.2222222222rem 0}}.about__content .about__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.about__content .about__container{padding:0 1.1111111111rem}}.about__content .about__container{max-width:800px}.about__section{margin-bottom:4.4444444444rem}.about__section:last-child{margin-bottom:0}.about__section h2{font-family:CircularStd-Bold,sans-serif;font-size:1.6666666667rem;font-weight:600;color:#1136fe;margin-bottom:2.2222222222rem;border-bottom:3px solid #4bf985;padding-bottom:1.1111111111rem}@media (max-width: 768px){.about__section h2{font-size:1.3333333333rem;margin-bottom:1.6666666667rem}}.about__section p{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;color:#373434;line-height:1.625;font-size:1rem;margin-bottom:1.6666666667rem}.about__section p:last-child{margin-bottom:0}.about__section ul{list-style:none;padding:0;margin:1.6666666667rem 0}.about__section ul li{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;color:#373434;line-height:1.625;margin-bottom:1.6666666667rem;position:relative;padding-left:2.2222222222rem;margin-bottom:1.1111111111rem}.about__section ul li:before{content:"✓";position:absolute;left:0;color:#4bf985;font-weight:700;font-size:1.1111111111rem}.about__section ul li:last-child{margin-bottom:0}@media (max-width: 768px){.about__section{margin-bottom:3.3333333333rem}}.pricing__hero{padding:4.4444444444rem 0}@media (max-width: 768px){.pricing__hero{padding:3.3333333333rem 0}}@media (max-width: 350px){.pricing__hero{padding:2.2222222222rem 0}}.pricing__hero{padding:5.5555555556rem 0;background:linear-gradient(135deg,#f9eae1,#52489c)}@media (max-width: 768px){.pricing__hero{padding:4.4444444444rem 0}}@media (max-width: 350px){.pricing__hero{padding:3.3333333333rem 0}}.pricing__hero .pricing__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.pricing__hero .pricing__container{padding:0 1.1111111111rem}}.pricing__hero .pricing__container{text-align:center}.pricing__hero h1{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#373434;line-height:1.25;margin-bottom:1.6666666667rem;text-align:center}@media (max-width: 768px){.pricing__hero h1{font-size:1.6666666667rem}}@media (max-width: 350px){.pricing__hero h1{font-size:1.3333333333rem;margin-bottom:1.1111111111rem}}.pricing__hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2.2222222222rem}.pricing__hero p{font-family:CircularStd-Book,sans-serif;font-size:1.1111111111rem;color:#ccc;line-height:1.625;text-align:center;margin-bottom:2.7777777778rem}@media (max-width: 768px){.pricing__hero p{font-size:1rem;margin-bottom:2.2222222222rem}}@media (max-width: 350px){.pricing__hero p{font-size:.8888888889rem;margin-bottom:1.6666666667rem}}.pricing__hero p{max-width:600px;margin:0 auto}.pricing__plans{padding:4.4444444444rem 0}@media (max-width: 768px){.pricing__plans{padding:3.3333333333rem 0}}@media (max-width: 350px){.pricing__plans{padding:2.2222222222rem 0}}.pricing__plans .pricing__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.pricing__plans .pricing__container{padding:0 1.1111111111rem}}.pricing__faq{padding:4.4444444444rem 0}@media (max-width: 768px){.pricing__faq{padding:3.3333333333rem 0}}@media (max-width: 350px){.pricing__faq{padding:2.2222222222rem 0}}.pricing__faq{background-color:#fef3ee}.pricing__faq .pricing__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.pricing__faq .pricing__container{padding:0 1.1111111111rem}}.pricing__faq .pricing__container{max-width:800px}.pricing__faq h2{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#373434;line-height:1.25;margin-bottom:1.6666666667rem;text-align:center}@media (max-width: 768px){.pricing__faq h2{font-size:1.6666666667rem}}@media (max-width: 350px){.pricing__faq h2{font-size:1.3333333333rem;margin-bottom:1.1111111111rem}}.pricing__faq h2{margin-bottom:3.3333333333rem}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.7777777778rem;max-width:800px;margin:0 auto}@media (max-width: 768px){.plans{grid-template-columns:1fr;gap:2.2222222222rem}}.plan{background-color:#fff;border:2px solid rgb(229.5,229.5,229.5);border-radius:12px;padding:3.3333333333rem;text-align:center;position:relative;transition:all .3s ease}.plan:hover{transform:translateY(-4px);box-shadow:0 5px 15px #00000026}.plan--featured{border-color:#1136fe;transform:scale(1.05);box-shadow:0 2px 8px #0000001f}.plan--featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#1136fe;color:#fff;padding:.3333333333rem 1.6666666667rem;border-radius:8px;font-size:.7777777778rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan--featured:hover{transform:scale(1.05) translateY(-4px)}.plan h3{font-family:CircularStd-Bold,sans-serif;font-size:1.3333333333rem;font-weight:600;color:#373434;margin-bottom:1.6666666667rem}.plan__price{font-family:CircularStd-Black,sans-serif;font-size:2rem;font-weight:700;color:#1136fe;margin-bottom:2.2222222222rem}.plan__price span{font-size:.8888888889rem;color:#ccc;font-weight:400}.plan__features{list-style:none;padding:0;margin:0 0 2.7777777778rem}.plan__features li{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;color:#373434;line-height:1.625;margin-bottom:1.6666666667rem;border-bottom:1px solid rgb(229.5,229.5,229.5);position:relative;padding:.5555555556rem 0 .5555555556rem 2.2222222222rem}.plan__features li:before{content:"✓";position:absolute;left:0;color:#4bf985;font-weight:700}.plan__features li:last-child{border-bottom:none}.plan .btn{width:100%;margin-top:auto}@media (max-width: 350px){.plan{padding:2.2222222222rem}}.faq__item{background-color:#fff;border-radius:8px;padding:2.2222222222rem;margin-bottom:1.6666666667rem;box-shadow:0 1px 2px #0000001a}.faq__item:last-child{margin-bottom:0}.faq__item h4{font-family:CircularStd-Bold,sans-serif;font-size:1rem;font-weight:600;color:#1136fe;margin-bottom:1.1111111111rem}.faq__item p{font-family:CircularStd-Book,sans-serif;font-size:.8888888889rem;color:#373434;line-height:1.625;margin-bottom:1.6666666667rem;margin-bottom:0;color:#ccc}.user-stats-card{background:var(--card-background);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.user-stats-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-stats-card__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.user-stats-card__super-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-stats-card__loading,.user-stats-card__error,.user-stats-card__empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.user-stats-card__stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:24px}.user-stats-card__stat{text-align:center;padding:16px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.user-stats-card__stat-value{display:block;font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:4px}.user-stats-card__stat-label{display:block;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.user-stats-card__servers{border-top:1px solid var(--border-color);padding-top:20px}.user-stats-card__servers-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.user-stats-card__server-list{display:flex;flex-direction:column;gap:12px}.user-stats-card__server-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.user-stats-card__server-item--more{justify-content:center;font-style:italic;color:var(--text-secondary)}.user-stats-card__server-name{font-weight:500;color:var(--text-primary)}.user-stats-card__server-stats{display:flex;gap:16px}.user-stats-card__server-stat{font-size:.875rem;color:var(--text-secondary)}.user-stats-card__more-text{font-size:.875rem}.navbar__super-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:12px}.servers-page__user-info{display:flex;align-items:center;gap:16px;margin-top:12px}.servers-page__server-count{font-size:.875rem;color:var(--text-secondary);background:var(--background-secondary);padding:6px 12px;border-radius:16px;border:1px solid var(--border-color)}.servers-page__super-user-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-page__content{margin:24px 0}@media (max-width: 768px){.user-stats-card{padding:16px;margin-bottom:16px}.user-stats-card__stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.user-stats-card__stat-value{font-size:1.5rem}.user-stats-card__server-item{flex-direction:column;align-items:flex-start;gap:8px}.user-stats-card__server-stats{gap:12px}.servers-page__user-info{flex-direction:column;align-items:flex-start;gap:8px}.navbar__super-badge{margin-right:8px;padding:3px 6px;font-size:.7rem}}.quiz-hero{max-width:75vw;margin:2rem auto}.quiz-hero__card{background:#23272a;border-radius:12px;padding:24px;color:#fff;box-shadow:0 2px 8px #0004;margin-bottom:1rem}.quiz-hero__card--question .quiz-hero__content{border-left:4px solid #00b0f4}.quiz-hero__card--result .quiz-hero__content{border-left:4px solid #2ecc71}.quiz-hero__header{font-weight:600;font-size:18px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.quiz-hero__author{color:#fff}.quiz-hero__avatar{width:32px;height:32px;border-radius:50%}.quiz-hero__badge{background:#5865f2;color:#fff;border-radius:4px;font-size:12px;padding:2px 6px;margin-left:6px}.quiz-hero__content{background:#2c2f33;border-radius:8px;padding:16px;margin-bottom:12px}.quiz-hero__content--question{border-left:4px solid #00b0f4}.quiz-hero__content--result{border-left:4px solid #2ecc71}.quiz-hero__question{text-align:left;font-weight:700;font-size:16px;margin-bottom:6px}.quiz-hero__answers{margin-bottom:8px;display:flex;gap:1.1111111111rem;justify-content:space-between}.quiz-hero__answer-btn{display:block;width:100%;margin:6px 0;background:#5865f2;color:#fff;border:none;border-radius:6px;padding:10px 0;font-weight:500;cursor:pointer;opacity:1;transition:background .2s,opacity .2s}.quiz-hero__answer-btn:disabled{cursor:not-allowed;opacity:.7}.quiz-hero__answer-btn:hover:not(:disabled){background:#4752c4}.quiz-hero__answer-btn--correct{background:#2ecc71!important}.quiz-hero__answer-btn--incorrect{background:#e74c3c!important}.quiz-hero__feedback{margin-top:16px;background:#23272a;border-radius:6px;padding:12px;font-weight:600;display:flex;align-items:center;gap:8px}.quiz-hero__feedback--correct{border-left:4px solid #2ecc71;color:#2ecc71}.quiz-hero__feedback--incorrect{border-left:4px solid #e74c3c;color:#e74c3c}.quiz-hero__icon{font-size:20px;margin-right:6px}.quiz-hero__try-again-btn,.quiz-hero__play-again-btn{margin-top:10px;background:#5865f2;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-weight:500;cursor:pointer;transition:background .2s}.quiz-hero__try-again-btn:hover,.quiz-hero__play-again-btn:hover{background:#4752c4}.quiz-hero__result-title{font-weight:700;font-size:16px;margin-bottom:8px}.quiz-hero__result-score{margin-bottom:6px}.quiz-hero__result-details{display:flex;gap:24px;margin-bottom:6px}.quiz-hero__result-footer{margin-top:8px}.servers-page__container{max-width:1400px;margin:0 auto}.servers-page__header{margin-bottom:3.3333333333rem}.servers-page__title{font-family:CircularStd-Black,sans-serif;font-size:1.6666666667rem;color:#373434;margin-bottom:1.6666666667rem}.servers-page__subtitle{font-family:CircularStd-Book,sans-serif;font-size:1rem;color:#ccc;margin-top:0}.servers-page__filters{display:flex;flex-wrap:wrap;gap:1.6666666667rem;margin-bottom:2.7777777778rem}@media (max-width: 350px){.servers-page__filters{flex-direction:column}}.servers-page__filter-item{padding:1.1111111111rem 1.6666666667rem;border-radius:4px;background-color:#fef3ee;color:#373434;font-size:.7777777778rem;cursor:pointer;transition:background-color .2s ease}.servers-page__filter-item:hover{background-color:#fef3ee}.servers-page__filter-item--active{background-color:#1136fe;color:#fff}.servers-page__filter-item--active:hover{background-color:#778cfe}.servers-page__grid{display:grid;grid-template-columns:1fr;gap:1.6666666667rem}@media (min-width: 768px){.servers-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.servers-page__grid{grid-template-columns:repeat(3,1fr)}}.servers-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4.4444444444rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a}.servers-page__empty-icon{font-size:2rem;margin-bottom:2.2222222222rem;color:#ccc}.servers-page__empty-message{font-family:CircularStd-Book,sans-serif;font-size:1.1111111111rem;color:#ccc;margin-bottom:2.2222222222rem}.servers-page__loading{display:flex;justify-content:center;padding:3.3333333333rem}.server-card{border-radius:8px;box-shadow:0 2px 8px #0000001f;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff}.server-card:hover{transform:translateY(-4px);box-shadow:0 5px 15px #00000026}.server-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.server-card__name{font-size:1.25rem;font-weight:700;color:#373434;margin:0}.server-card__id{font-size:.875rem;color:#ccc;margin-top:.25rem}.server-card__content{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.server-card__content{grid-template-columns:repeat(4,1fr)}}.server-card__stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.server-card__stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ccc;margin-bottom:.25rem}.server-card__stat-value{font-size:1.5rem;font-weight:700;color:#373434}.server-card__footer{display:flex;justify-content:flex-end;margin-top:1rem}.server-card__view-btn{padding:.5rem 1rem;border-radius:4px;background-color:#1136fe;color:#fff;font-weight:500;text-decoration:none;transition:background-color .2s ease}.server-card__view-btn:hover{background-color:#0123db}.servers-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.servers-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.servers-grid{grid-template-columns:repeat(3,1fr)}}