body,html{margin:0;padding:0;width:100%;height:100%}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:Poppins,sans-serif;background:#0d0d1a;color:#fff}.container-fluid.area{width:94%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}@media (max-width:768px){.container-fluid.area{width:100%!important;max-width:100%!important}}.cat-page-logo{display:flex;justify-content:center;padding:32px 16px 8px}.cat-page-logo img{height:32px;width:auto}.cat-hero{text-align:center;padding:8px 16px 24px}.cat-hero-title{font-size:clamp(1.8rem, 5vw, 2.6rem);font-weight:800;margin:0;color:#fff}.cat-hero-title span{background:linear-gradient(135deg,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cat-hero-tag{margin:10px auto 0;max-width:660px;font-size:.95rem;color:rgba(255,255,255,.5);line-height:1.6}.cat-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:28px;flex-wrap:wrap}.cat-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:.86rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.cat-tab:hover{color:#fff;border-color:rgba(168,85,247,.4)}.cat-tab--active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent;color:#fff}.cat-tab--create{background:linear-gradient(135deg,#a855f7,#22d3ee);border-color:transparent;color:#fff}.cat-tab--create:hover{color:#fff;opacity:.92}.cat-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;margin-bottom:22px}.cat-card-main{display:flex;gap:20px;padding:22px}@media (max-width:640px){.cat-card-main{flex-direction:column;padding:18px}}.cat-card-cover{flex:0 0 200px;display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:rgba(255,255,255,.05)}.cat-card-cover img{width:100%;height:100%;object-fit:cover}@media (max-width:640px){.cat-card-cover{flex-basis:auto;width:100%}}.cat-card-body{flex:1;min-width:0}.cat-card-title{font-size:1.2rem;font-weight:700;margin:0 0 8px;line-height:1.3}.cat-card-title a{color:#fff;text-decoration:none}.cat-card-title a:hover{color:#c99bff}.cat-card-desc{margin:0 0 12px;font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.62)}.cat-card-stats{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;color:rgba(255,255,255,.55);margin-bottom:10px}.cat-card-stats i{margin-right:4px;opacity:.7}.cat-stat-online{color:#4ade80}.cat-stat-online i{font-size:.55rem;vertical-align:middle;opacity:1}.cat-card-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:rgba(255,255,255,.45);margin-bottom:12px}.cat-card-meta a{color:rgba(255,255,255,.7);text-decoration:none}.cat-card-meta a:hover{color:#c99bff}.cat-card-meta i{margin-right:4px;opacity:.6}.cat-card-participants{display:flex;margin-bottom:14px}.cat-ava{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-left:-8px;border:2px solid #14141f;background:linear-gradient(135deg,#7c3aed,#22d3ee);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-ava:first-child{margin-left:0}.cat-ava img{width:100%;height:100%;object-fit:cover}.cat-ava-letter{font-size:.75rem;font-weight:700;color:#fff}.cat-ava--online{border-color:#4ade80}.cat-card-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#22d3ee);color:#fff;font-size:.83rem;font-weight:600;text-decoration:none}.cat-card-btn:hover{color:#fff;opacity:.92}.cat-card-extra{border-top:1px solid rgba(255,255,255,.07);padding:18px 22px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}@media (max-width:640px){.cat-card-extra{padding:16px 18px 20px}}.cat-block-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.4);margin:0 0 10px}.cat-block-title i{margin-right:6px}.cat-news{margin-bottom:12px}.cat-news-title{font-size:.88rem;font-weight:600;margin:0 0 3px;color:rgba(255,255,255,.85)}.cat-news-text{font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.5);margin:0 0 3px}.cat-news-date{font-size:.72rem;color:rgba(255,255,255,.35)}.cat-stories{display:flex;flex-direction:column;gap:12px}.cat-story{display:flex;gap:10px}.cat-story-poster{position:relative;flex:0 0 64px;height:64px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.cat-story-poster img{width:100%;height:100%;object-fit:cover}.cat-story-poster-fallback{color:rgba(255,255,255,.3)}.cat-story-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;text-shadow:0 0 6px rgba(0,0,0,.6)}.cat-story-info{flex:1;min-width:0}.cat-story-text{font-size:.8rem;line-height:1.45;color:rgba(255,255,255,.7);margin:0 0 3px}.cat-story-meta{font-size:.72rem;color:rgba(255,255,255,.35)}.cat-story-comments{margin-top:6px}.cat-story-comments-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.3)}.cat-mini-comment{font-size:.76rem;line-height:1.45;color:rgba(255,255,255,.5);margin:2px 0 0}.cat-mini-comment b{color:rgba(255,255,255,.7)}.cat-comment{margin-bottom:10px}.cat-comment-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.cat-comment-author{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.8)}.cat-comment-date{font-size:.7rem;color:rgba(255,255,255,.35)}.cat-comment-text{font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.55);margin:0}.cat-empty{text-align:center;color:rgba(255,255,255,.45);padding:60px 20px}.cat-pagination{display:flex;justify-content:center;padding:10px 0 50px}.cat-pagination .pagination{gap:4px}.cat-pagination .page-link{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);border-radius:8px}.cat-pagination .page-item.active .page-link{background:linear-gradient(135deg,#a855f7,#22d3ee);border-color:transparent;color:#fff}.cat-pagination .page-item.disabled .page-link{background:rgba(255,255,255,.02);color:rgba(255,255,255,.25)}.ci-footer{padding:40px 0 24px;border-top:1px solid rgba(255,255,255,.07);margin-top:16px}.cf-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:20px}.cf-brand{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cf-nav{display:flex;gap:22px;flex-wrap:wrap}.cf-nav a{color:rgba(255,255,255,.55);font-size:.88rem;text-decoration:none;transition:color .2s}.cf-nav a:hover{color:#22d3ee}.cf-copy{border-top:1px solid rgba(255,255,255,.05);padding-top:16px;text-align:center}.cf-copy p{font-size:.82rem;color:rgba(255,255,255,.3);margin:0}@media (max-width:560px){.cf-inner{flex-direction:column;text-align:center}.cf-nav{justify-content:center}}