.app{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}main{width:100%;max-width:var(--max-width);box-sizing:border-box;flex:1;margin:0 auto}.banner{color:#fff;background-color:#4158d0;background-image:linear-gradient(43deg,#681e8f 0%,#4158d0 46%,#00bca6 100%);border-radius:8px;width:fit-content;margin-bottom:20px;padding:8px 16px}.banner-text{text-shadow:1px 1px 2px #00000080;flex-direction:row;gap:.75em;margin:0;font-weight:700;display:flex}.content-wrapper{width:100%;max-width:1050px;margin:0 auto}.hero{place-items:center;margin-top:0;padding:10px auto;display:grid}.theme-switch-wrapper{align-items:center;display:flex}.theme-switch{width:60px;height:34px;display:inline-block;position:relative}.theme-switch input{display:none}.slider{background-color:var(--text-color);cursor:pointer;transition:all .4s;position:absolute;inset:0}.slider:before{background-color:var(--bg-color);content:"";width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--text-color)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.sun,.moon{width:20px;height:20px;transition:all .2s ease-in-out;position:absolute;top:7px;left:7px}.sun svg,.moon svg{fill:var(--bg-color)}.sun{opacity:0}.moon{opacity:1;left:auto;right:7px}input:checked+.slider .sun{opacity:1}input:checked+.slider .moon{opacity:0}.policy-link{color:var(--link-color);transition:color var(--transition-speed);margin:0 .5rem;text-decoration:none}#x-account-link img,#telegram-bot-link img{width:32px;height:auto;transition:filter var(--transition-speed);display:block}.dark-mode #x-account-link img,.dark-mode #telegram-bot-link img{filter:brightness(.8)contrast(1.2)}.small-link{font-size:.8rem;text-decoration:none;transition:color .2s}.smooth-appear{opacity:0;animation:.6s ease-out forwards fade-in-down}@keyframes fade-in-down{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}footer{place-items:center;display:grid}footer>div{grid-template-columns:1fr 1fr;place-items:center;gap:2px;max-width:1150px;display:grid}@media screen and (width<=768px){.theme-switch-wrapper{flex-direction:column;align-items:flex-start}.policy-link{margin:10px 0;display:block}#x-account-link img,#telegram-bot-link img{width:24px}footer>div{grid-template-columns:1fr}}@media screen and (width<=480px){.hero .top-middle{margin-top:40px}.hero .top-middle,.hero .top-middle img{width:200px!important}.hero h1{font-size:2rem}.hero p{font-size:.8rem}}