@import "https://fonts.go ogleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color:#06080f;--bg-deep:#030509;--surface:#ffffff0a;--border:#ffffff14;--primary:#10b981;--primary-light:#34d399;--primary-glow:#10b98180;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--text-main:#f0f4f8;--text-muted:#64748b;--text-dim:#475569;--radius:20px;--radius-sm:12px;--radius-xs:8px;--glass-bg:#0c14208c;--glass-border:#ffffff0f;--glass-shine:#ffffff08;--transition-bounce:cubic-bezier(.175, .885, .32, 1.275);--transition-smooth:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{background:radial-gradient(ellipse 80% 50% at 50% -20%, #10b98126, transparent), radial-gradient(ellipse 60% 40% at 80% 60%, #3b82f614, transparent), radial-gradient(ellipse 50% 50% at 20% 80%, #8b5cf60f, transparent), var(--bg-color);flex-direction:column;min-height:100vh;display:flex;position:relative}.blob{filter:blur(120px);z-index:0;opacity:.35;pointer-events:none;will-change:transform;border-radius:50%;position:fixed}.blob-1{background:radial-gradient(circle,#10b98199,#10b98100 70%);width:55vw;height:55vw;animation:22s ease-in-out infinite blobFloat1;top:-15%;left:-15%}.blob-2{background:radial-gradient(circle,#3b82f666,#3b82f600 70%);width:45vw;height:45vw;animation:28s ease-in-out infinite blobFloat2;bottom:-25%;right:-10%}.blob-3{background:radial-gradient(circle,#8b5cf64d,#8b5cf600 70%);width:35vw;height:35vw;animation:32s ease-in-out infinite blobFloat3;top:35%;left:50%}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(8%,5%)scale(1.15)}50%{transform:translate(-3%,12%)scale(.95)}75%{transform:translate(5%,-5%)scale(1.08)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-8%,-6%)scale(1.12)}66%{transform:translate(6%,8%)scale(.88)}}@keyframes blobFloat3{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-12%,8%)scale(1.2)rotate(10deg)}}.app-container:after{content:"";pointer-events:none;z-index:0;opacity:.5;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.particle{pointer-events:none;z-index:0;opacity:0;border-radius:50%;animation:linear infinite particleFloat;position:fixed}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(1)}}.container{z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative}.header{-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--glass-border);z-index:100;background:#06080fb3;padding:.75rem 0;transition:all .3s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo-group{cursor:pointer;transition:transform .3s var(--transition-smooth);align-items:center;gap:12px;display:flex}.logo-group:hover{transform:scale(1.03)}.logo-img{filter:drop-shadow(0 0 12px #10b98166);width:42px;height:42px;transition:filter .3s}.logo-group:hover .logo-img{filter:drop-shadow(0 0 20px #10b981b3)}.logo-text{background:linear-gradient(135deg, #fff, var(--primary-light));-webkit-text-fill-color:transparent;letter-spacing:-.8px;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900}.hero{text-align:center;z-index:1;padding:4rem 0 2rem;position:relative}.hero h1{letter-spacing:-1.5px;background:linear-gradient(135deg, #fff 0%, var(--primary-light) 50%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;animation:6s infinite heroGradient}@keyframes heroGradient{0%,to{background-position:0%}50%{background-position:100%}}.hero p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.15rem;line-height:1.6;animation:.8s .2s backwards fadeInUp}.stats-bar{justify-content:center;gap:2.5rem;margin:2rem 0;padding:1.25rem 2rem;animation:.8s .4s backwards fadeInUp;display:flex}.stat-item{text-align:center;position:relative}.stat-item:after{content:"";background:var(--border);width:1px;height:30px;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}.stat-item:last-child:after{display:none}.stat-value{background:linear-gradient(135deg, var(--primary-light), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;margin-top:2px;font-size:.75rem;font-weight:600}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.btn{transition:all .35s var(--transition-bounce);border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{color:#fff;-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#10b98140,#10b98126);border:1px solid #10b98166}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#10b98173,#10b9814d);transform:translateY(-3px);box-shadow:0 0 30px #10b98159,0 0 60px #10b98126}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 0 15px #10b98140}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 8px 32px #0000004d, inset 0 1px 0 var(--glass-shine);position:relative}input,select{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-main);transition:all .3s var(--transition-smooth);background:#ffffff0a;outline:none;padding:.8rem 1.1rem;font-family:inherit;font-size:.92rem}input:focus,select:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #10b98126,0 0 20px #10b98114}input::placeholder{color:var(--text-dim)}select{cursor:pointer}select option{color:var(--text-main);background:#1a2332}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.search-wrapper{flex:300px;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrapper input:focus~.search-icon,.search-wrapper:focus-within .search-icon{color:var(--primary)}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding:1rem 0 2rem;display:grid}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all .45s var(--transition-smooth);-webkit-backdrop-filter:blur(20px);z-index:1;flex-direction:column;padding:1.75rem;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0000,#0000);padding:1px;transition:background .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{background:linear-gradient(135deg, var(--primary), var(--accent-blue), var(--accent-purple))}.card:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff08,#0000);height:120px;position:absolute;top:0;left:0;right:0}.card:hover{z-index:10;transform:translateY(-8px);box-shadow:0 20px 50px #0006,0 0 30px #10b98114}.card-enter{opacity:0;animation:cardEnter .6s var(--transition-smooth) forwards;transform:translateY(40px)scale(.96)}@keyframes cardEnter{to{opacity:1;transform:translateY(0)scale(1)}}.card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-icon{object-fit:cover;border:2px solid var(--glass-border);border-radius:16px;flex-shrink:0;width:56px;height:56px;transition:all .3s;box-shadow:0 4px 16px #0006}.card:hover .card-icon{border-color:#10b9814d;box-shadow:0 4px 20px #10b98133}.card-title{flex:1;font-size:1.15rem;font-weight:700;line-height:1.3}.card-description{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:8px;margin-bottom:1.25rem;display:flex}.chip{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff0a;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.8rem;font-weight:500;transition:all .25s;display:inline-flex}.chip:hover{background:#ffffff14;border-color:#ffffff1f}.chip-rating{color:var(--primary-light);background:#10b9811a;border-color:#10b98133}.rating-bar{border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:10px 14px;display:flex}.stars{gap:3px;display:flex}.star{color:#ffffff1f;transition:all .2s var(--transition-bounce);cursor:pointer}.star.active{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf2466)}.star:hover{color:#fbbf24;transform:scale(1.25)rotate(-8deg)}.star-pop{animation:starPop .5s var(--transition-bounce)}@keyframes starPop{0%{transform:scale(1)}40%{transform:scale(1.5)rotate(-15deg)}to{transform:scale(1)}}.boost-btn{color:var(--primary-light);transition:all .35s var(--transition-bounce);cursor:pointer;background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:.35rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.boost-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b9814d,#10b98126);transform:translateY(-2px);box-shadow:0 0 20px #10b98140}.boost-btn:disabled{opacity:.4;cursor:not-allowed}.card-actions{gap:.6rem;margin-top:auto;display:flex}.card-actions .btn-primary{flex:1;justify-content:center;text-decoration:none}.comment-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:50px;align-items:center;padding:0 .9rem;transition:all .3s;display:inline-flex}.comment-toggle-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#ffffff14}.badge-boosted{background:linear-gradient(135deg, var(--primary), #059669);color:#fff;border-radius:0 0 var(--radius-sm) var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;z-index:2;align-items:center;gap:.3rem;padding:.3rem .9rem;font-size:.75rem;font-weight:700;animation:3s ease-in-out infinite badgePulse;display:flex;position:absolute;top:-1px;right:1.5rem;box-shadow:0 4px 16px #10b98159}@keyframes badgePulse{0%,to{box-shadow:0 4px 16px #10b98159}50%{box-shadow:0 4px 24px #10b98199,0 0 40px #10b98133}}.partner-section-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.partner-section-title:after{content:"";background:linear-gradient(to right, var(--glass-border), transparent);flex:1;height:1px}.partner-strip{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.partner-card{border:1px solid var(--glass-border);border-radius:var(--radius);color:inherit;transition:all .4s var(--transition-smooth);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0a,#10b9810a);align-items:center;gap:1rem;padding:1.1rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.partner-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#10b9810d);transition:opacity .4s;position:absolute;inset:0}.partner-card:hover:before{opacity:1}.partner-card:hover{border-color:#10b9814d;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #10b9811f}.partner-badge{color:var(--primary);background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.partner-card:hover .partner-badge{background:#10b98133;box-shadow:0 0 16px #10b9814d}.comments-section{border-top:1px solid var(--glass-border);animation:slideDown .35s var(--transition-smooth);margin-top:1.25rem;padding-top:1.25rem}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.comment-form{gap:.5rem;margin-bottom:1rem;display:flex}.comment-form input{flex:1}.comments-list{flex-direction:column;gap:.6rem;max-height:200px;padding-right:.4rem;display:flex;overflow-y:auto}.comment-bubble{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#00000040;padding:.9rem 1rem;font-size:.88rem;line-height:1.45;animation:.3s fadeInUp}.comment-bubble p{margin:0 0 .4rem}.comment-time{color:var(--text-dim);font-size:.72rem}.add-form{animation:slideDown .4s var(--transition-smooth);margin-bottom:1.5rem;padding:2rem}.add-form h3{background:linear-gradient(135deg, var(--text-main), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.add-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.add-form-grid input:first-child{grid-column:1/-1}.loading-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding:1rem 0 2rem;display:grid}.shimmer-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);min-height:320px;padding:1.75rem;position:relative;overflow:hidden}.shimmer-card:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 40%,#ffffff14 50%,#ffffff0a 60%,#0000 100%);animation:2s infinite shimmerSlide;position:absolute;inset:0}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-line{background:#ffffff0f;border-radius:8px;margin-bottom:12px}.shimmer-avatar{background:#ffffff0f;border-radius:16px;width:56px;height:56px}.footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#06080f80;margin-top:3rem;padding:2.5rem 1rem;font-size:.85rem;position:relative}.footer a{color:var(--primary);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid #10b98126;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}.empty-state{text-align:center;color:var(--text-dim);padding:4rem 2rem;animation:.5s fadeIn}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.admin-table{text-align:left;border-collapse:collapse;width:100%;min-width:700px}.admin-table thead tr{border-bottom:1px solid var(--glass-border)}.admin-table th{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:1rem;font-size:.85rem;font-weight:600}.admin-table tbody tr{border-bottom:1px solid var(--glass-border);transition:background .2s}.admin-table tbody tr:hover{background:#ffffff05}.admin-table td{padding:1rem}.admin-badge{border-radius:var(--radius-xs);padding:4px 10px;font-size:.82rem;font-weight:600}.admin-badge-yes{color:var(--primary-light);background:#10b98126}.admin-badge-no{color:var(--text-dim);background:#ffffff0a}.admin-btn{cursor:pointer;border:1px solid;border-radius:8px;padding:.4rem .9rem;font-size:.78rem;font-weight:600;transition:all .25s}.admin-btn-partner{border-color:var(--primary);color:var(--primary);background:#10b98114}.admin-btn-partner:hover{background:#10b98133;box-shadow:0 0 12px #10b98133}.admin-btn-delete{color:#ef4444;background:#ef444414;border-color:#ef4444;margin-left:.5rem}.admin-btn-delete:hover{background:#ef444433;box-shadow:0 0 12px #ef444433}@media (width<=768px){.container{padding:0 1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero{padding:2.5rem 0 1rem}.stats-bar{flex-wrap:wrap;gap:1.5rem;padding:1rem}.stat-value{font-size:1.3rem}.channel-grid,.loading-container{grid-template-columns:1fr;padding:.75rem 0}.partner-strip{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select{width:100%!important}.search-wrapper{flex:100%}.add-form-grid{grid-template-columns:1fr}}@media (width<=480px){.logo-text{display:none}.card{padding:1.25rem}.card-icon{border-radius:12px;width:44px;height:44px}.badge-boosted{padding:.2rem .7rem;font-size:.68rem;right:1rem}.btn{padding:.45rem .9rem;font-size:.82rem}.stats-bar{gap:1rem}.stat-item:after{display:none}}