@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.community-showcase-page{max-width:1100px;margin:0 auto;padding:3em 2em 5em}@media (width<=768px){.community-showcase-page{padding:2em 1.5em 4em}}.showcase-hero{text-align:center;margin-bottom:3.5em;animation:.6s ease-out fadeIn}.showcase-hero h1{background:linear-gradient(135deg,#fff 0%,#4ecdc4 50%,#faaf40 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4em;font-family:Roboto Condensed,sans-serif;font-size:clamp(2.2em,6vw,3.5em);font-weight:700}.showcase-hero .showcase-subtitle{color:#ffffffb3;max-width:650px;margin:0 auto;font-size:clamp(1em,2.5vw,1.2em);line-height:1.7}.showcase-hero-logo{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:200px;margin:0 auto 1.5em;display:block}@media (width<=500px){.showcase-hero-logo{height:140px}}.showcase-about{margin-bottom:4em}.showcase-about .showcase-about-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25em;max-width:800px;margin:0 auto;padding:2.5em;box-shadow:0 4px 24px #0003}.showcase-about .showcase-about-content h2{color:#fff;margin:0 0 .75em;font-family:Roboto Condensed,sans-serif;font-size:1.8em;font-weight:700}.showcase-about .showcase-about-content p{color:#ffffffbf;margin:0 0 1em;font-size:1.05em;line-height:1.8}.showcase-about .showcase-about-content p:last-child{margin-bottom:0}.showcase-embeds{margin-bottom:4em}.showcase-embeds h2{color:#fff;text-align:center;margin-bottom:.4em;font-family:Roboto Condensed,sans-serif;font-size:clamp(1.6em,4vw,2.2em);font-weight:700}.showcase-embeds .embeds-subtitle{text-align:center;color:#fff9;max-width:500px;margin:0 auto 2em;font-size:1.05em}.embed-carousel{max-width:1100px;margin:0 auto}.carousel-main{align-items:center;gap:1em;display:flex}.carousel-viewport{flex:1;position:relative;overflow:hidden}.carousel-arrow{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1em;transition:all .25s;display:flex}.carousel-arrow:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.08)}@media (width<=600px){.carousel-arrow{width:36px;height:36px;font-size:.9em}}.carousel-dots{justify-content:center;gap:.5em;margin-top:1.25em;display:flex}.carousel-dot{cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:10px;height:10px;padding:0;transition:all .25s}.carousel-dot.active{background:#4ecdc4;border-color:#4ecdc4;transform:scale(1.2)}.carousel-dot:hover:not(.active){background:#fff3;border-color:#ffffff59}.showcase-embed-card{border-radius:1.25em;overflow:hidden}.embed-wrapper{background:#0000004d;border-radius:.75em;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.embed-wrapper iframe{border:none;border-radius:.75em;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.embed-placeholder{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.embed-loading-spinner{border:3px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.showcase-cta .cta-content{text-align:center;background:linear-gradient(135deg,#4ecdc414 0%,#faaf4014 100%);border:1px solid #4ecdc426;border-radius:1.5em;padding:3em 2em}.showcase-cta .cta-content h2{color:#fff;margin:0 0 .5em;font-family:Roboto Condensed,sans-serif;font-size:clamp(1.6em,4vw,2.2em);font-weight:700}.showcase-cta .cta-content p{color:#ffffffb3;max-width:550px;margin:0 auto 1.5em;font-size:1.05em;line-height:1.7}.cta-links{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}.cta-button{border-radius:.75em;align-items:center;gap:.6em;padding:.75em 1.5em;font-size:1em;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button.discord{color:#8b9ff8;background:#5865f21f;border:1px solid #5865f24d}.cta-button.discord:hover{background:#5865f238;border-color:#5865f280;transform:translateY(-2px);box-shadow:0 4px 16px #5865f233}.cta-button.twitch{color:#bf94ff;background:#9146ff26;border:1px solid #9146ff4d}.cta-button.twitch:hover{background:#9146ff40;border-color:#9146ff80;transform:translateY(-2px);box-shadow:0 4px 16px #9146ff33}.cta-button.youtube{color:#ff6b6b;background:#ff00001a;border:1px solid #ff000040}.cta-button.youtube:hover{background:#f003;border-color:#f006;transform:translateY(-2px);box-shadow:0 4px 16px #ff000026}@media (width<=600px){.showcase-about .showcase-about-content{padding:1.75em 1.5em}.showcase-cta .cta-content{padding:2em 1.5em}}