:root{--discord-btn-width:360px}.mainpage-layout{background:linear-gradient(120deg,#0f2d1a 60%,#0f8 100%);min-height:100vh;padding:3rem 0 2rem;display:block}.mainpage-card{color:#e0ffe0;background:#103020fa;border-radius:18px;flex-direction:column;align-items:center;width:100%;max-width:700px;padding:2.5rem 2.5rem 2rem;display:flex;box-shadow:0 0 24px #0f85}.mainpage-title{color:#cfc;text-shadow:0 2px 12px #0f85;margin-bottom:.5rem;font-size:2.6rem;font-weight:800}.mainpage-subtitle{color:#0f8;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.mainpage-images{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.mainpage-images img{border-radius:12px;box-shadow:0 0 12px #00ffe0,0 0 12px red}.mainpage-content{text-align:left;width:100%;max-width:600px;margin:0 auto}.mainpage-content h2{color:#0f8;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.mainpage-content p{color:#e0ffe0;margin-bottom:1.2rem;font-size:1.08rem}.mainpage-content ul{color:#0f8;margin-bottom:2rem;margin-left:1rem;font-size:1.08rem;list-style:inside}.mainpage-carousel{justify-content:center;align-items:center;gap:1rem;margin:2rem 0 .5rem;display:flex}.mainpage-carousel-arrow{color:#0f8;cursor:pointer;background:#000000b3;border:none;border-radius:50%;font-size:2rem;transition:background .2s}.mainpage-carousel-arrow:hover{color:#0f2d1a;background:#0f8}.mainpage-carousel-image{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;inset:0}.mainpage-carousel-label{color:#e0ffe0;text-align:center;margin-top:.5rem;font-size:.95rem}.mainpage-discord{flex-direction:column;align-items:center;margin-top:2rem;display:flex}.mainpage-discord-link{width:var(--discord-btn-width);color:#fff;text-align:center;background:linear-gradient(120deg,#23272a 60%,#00ffe0 100%);border:none;border-radius:24px;justify-content:center;align-items:center;gap:.7rem;width:38%;min-width:200px;max-width:260px;margin-bottom:.5rem;padding:12px 24px;font-size:1.08rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,color .2s;display:flex;box-shadow:0 4px 32px #000a}.main-page-title{color:#fff;text-shadow:0 2px 24px #00ffe0,0 0 2px #23272a;letter-spacing:2px;text-align:center;margin-bottom:1rem;font-size:3rem;font-weight:900}.main-page-subtitle{color:#e0e0e0;text-align:center;margin-bottom:2rem;font-size:1.3rem}.main-page-facts{color:#e0ffe0;text-align:left;background:#1e2022fa;border-radius:24px;width:100%;max-width:650px;margin:0 auto 2.2rem;padding:2.5rem 2rem 2rem;box-shadow:0 4px 24px #00ffe088,0 2px 12px #0008}.main-page-facts ul{color:#00ffe0;margin-bottom:1.5rem;margin-left:1rem;font-size:1.13rem;list-style:inside}.image-carousel-container{flex-direction:column;align-items:center;max-width:650px;margin:0 auto 2rem;display:flex}.image-carousel{aspect-ratio:650/372;background:#23272a;border-radius:20px;width:100%;max-width:650px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00ffe088,0 2px 12px #000a}.carousel-arrow{color:#00ffe0;cursor:pointer;z-index:2;background:#000000b3;border:none;border-radius:50%;padding:.2em .6em;font-size:2rem;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow.left{left:8px}.carousel-arrow.right{right:8px}.discord-link-container{max-width:650px;margin:2.2rem auto 0}.discord-link{color:#fff;width:var(--discord-btn-width);text-align:center;background:linear-gradient(90deg,#00ffe0 60%,#5865f2 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.7rem;min-width:180px;max-width:100%;margin-bottom:.5rem;margin-left:auto;margin-right:auto;padding:7px 12px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,color .2s;display:flex;box-shadow:0 4px 24px #00ffe088,0 2px 8px #5865f288}.discord-link:hover{background:linear-gradient(90deg,#00ffe0 60%,#5865f2 100%);box-shadow:0 4px 24px #5865f2cc}.discord-link-icon{width:32px;height:32px}@media (max-width:768px){.mainpage-layout{padding:2rem 1rem 1rem}.main-page-title{margin-bottom:.8rem;font-size:2.2rem}.main-page-subtitle{margin-bottom:1.5rem;font-size:1.1rem}.main-page-facts{margin:0 auto 1.8rem;padding:2rem 1.5rem 1.5rem}.main-page-facts h2{font-size:1.2rem}.main-page-facts p,.main-page-facts ul{font-size:1rem}.image-carousel-container{margin:0 auto 1.5rem}.image-carousel{aspect-ratio:4/3}.carousel-arrow{padding:.1em .4em;font-size:1.5rem}.discord-link-container{margin:1.8rem auto 0}.discord-link{width:90%;max-width:300px;padding:10px 16px;font-size:.95rem}}