.sc-root{background:#0A0A0F;color:#fff;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.sc-glow-top{position:fixed;top:-15%;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse at center,rgba(109,40,217,.14) 0,transparent 70%);pointer-events:none;z-index:0}.sc-nav{position:relative;z-index:10;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.sc-logo,.sc-nav{display:flex;align-items:center}.sc-logo{gap:.5rem;text-decoration:none;color:#fff}.sc-logo-icon{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#a855f7,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-logo-text{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.sc-logo-text span{color:#6b7280;font-weight:400}.sc-nav-right{display:flex;align-items:center;gap:1.5rem}.sc-nav-link{font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;transition:color .15s}.sc-nav-link:hover{color:#fff}.sc-nav-cta{font-size:.875rem;font-weight:600;padding:.45rem 1.1rem;border-radius:9999px;background:#7c3aed;color:#fff;text-decoration:none;transition:background .15s}.sc-nav-cta:hover{background:#6d28d9}.sc-header{position:relative;z-index:10;text-align:center;padding:4rem 2rem 2.5rem;max-width:780px;margin:0 auto}.sc-header-label{display:inline-block;padding:.3rem .875rem;border-radius:9999px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);color:#c4b5fd;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1rem}.sc-header-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;letter-spacing:-.03em;margin:0 0 1rem;line-height:1.1}.sc-header-gradient{background:linear-gradient(135deg,#c084fc,#a78bfa 40%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sc-header-subtitle{font-size:1rem;color:#6b7280;line-height:1.7;margin:0 0 2rem}.sc-tabs{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.sc-tab{padding:.4rem 1.1rem;border-radius:9999px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.07);background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.sc-tab:hover{color:#fff;border-color:rgba(255,255,255,.15)}.sc-tab.active{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.35);color:#c4b5fd}.sc-grid-container{position:relative;z-index:10;max-width:1600px;margin:0 auto;padding:2.5rem 2rem}.sc-masonry{columns:260px 5;column-gap:1rem}.sc-card{break-inside:avoid;margin-bottom:1rem;border-radius:12px;overflow:hidden;background:#111118;border:1px solid rgba(255,255,255,.05);transition:border-color .2s,transform .2s,box-shadow .2s}.sc-card:hover{border-color:rgba(168,85,247,.25);transform:translateY(-2px);box-shadow:0 12px 40px -10px rgba(109,40,217,.25)}.sc-card-thumb{position:relative;width:100%;overflow:hidden}.sc-card-img{object-fit:cover;transition:transform .5s ease}.sc-card:hover .sc-card-img{transform:scale(1.04)}.sc-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.38);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.sc-card:hover .sc-card-overlay{opacity:1}.sc-play-btn{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.sc-play-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.sc-play-icon{width:18px;height:18px;color:white;margin-left:2px}.sc-duration{bottom:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:5px;background:rgba(0,0,0,.65);font-size:.7rem;font-weight:600;color:#e5e7eb}.sc-duration,.sc-style-badge{position:absolute;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sc-style-badge{top:.5rem;left:.5rem;padding:.2rem .55rem;border-radius:9999px;font-size:.65rem;font-weight:700;letter-spacing:.04em;border:1px solid}.sc-card-info{padding:.75rem}.sc-card-title{font-size:.85rem;font-weight:600;color:#e5e7eb;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-card:hover .sc-card-title{color:#c4b5fd}.sc-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sc-author{font-size:.75rem;color:#4b5563;truncate:ellipsis;overflow:hidden;white-space:nowrap}.sc-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.sc-views{font-size:.7rem;color:#4b5563}.sc-like-btn,.sc-share-btn{background:none;border:none;color:#4b5563;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .15s}.sc-like-btn.liked,.sc-like-btn:hover{color:#f472b6}.sc-share-btn:hover{color:#60a5fa}.sc-load-more{text-align:center;padding:2rem 0}.sc-load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.75rem;border-radius:9999px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#9ca3af;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.sc-load-more-btn:hover{border-color:rgba(168,85,247,.35);color:#c4b5fd;background:rgba(168,85,247,.05)}.sc-bottom-cta{position:relative;z-index:10;text-align:center;padding:4rem 2rem;border-top:1px solid rgba(255,255,255,.04)}.sc-bottom-cta-text{font-size:1.25rem;font-weight:700;color:#e5e7eb;margin:0 0 1.25rem}.sc-bottom-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;background:#7c3aed;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:0 0 50px -10px rgba(139,92,246,.6);transition:background .2s,box-shadow .2s,transform .2s}.sc-bottom-cta-btn:hover{background:#6d28d9;box-shadow:0 0 70px -10px rgba(139,92,246,.8);transform:translateY(-1px)}.sc-footer{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;border-top:1px solid rgba(255,255,255,.04);font-size:.8rem;color:#374151}.sc-footer-link{color:#6b7280;text-decoration:none;transition:color .15s}.sc-footer-link:hover{color:#fff}@media (max-width:600px){.sc-masonry{columns:160px 2}.sc-nav{padding:1rem 1.25rem}.sc-grid-container{padding:1.5rem 1rem}}