@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-hover: #4f46e5;--border-color: rgba(148, 163, 184, .1);--danger: #ef4444;--success: #22c55e;--gradient-main: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.title{font-size:2.5rem;font-weight:700;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.btn-primary{background:var(--gradient-main);color:#fff}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-outline{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background:#6366f11a}.btn-danger{background:var(--danger);color:#fff}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-muted)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;background:#0f172a99;border:1px solid var(--border-color);color:var(--text-main);font-family:inherit;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent-primary)}.form-input::placeholder{color:var(--text-muted)}.grid{display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.navbar{position:sticky;top:0;z-index:50;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.75rem;font-weight:800;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{color:var(--text-muted);font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-main)}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-paid{background:#6366f11a;color:var(--accent-primary);border:1px solid var(--accent-primary)}.badge-free{background:#22c55e1a;color:var(--success);border:1px solid var(--success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-video-container{position:relative;width:100%;padding-top:56.25%;background-color:#000;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 4px 6px #0000001a}.player-wrapper{position:absolute;top:-13%;left:-2%;width:104%;height:126%}.video-overlay-blocker{position:absolute;top:0;left:0;width:100%;height:calc(100% - 60px);z-index:10}.video-controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#000000e6,#0000);padding:20px 15px 10px;display:flex;flex-direction:column;z-index:20;transition:opacity .3s ease}.video-controls.hidden{opacity:0;pointer-events:none}.video-controls.visible{opacity:1}.progress-bar-container{width:100%;height:10px;padding:3px 0;cursor:pointer;margin-bottom:10px}.progress-bar-background{width:100%;height:4px;background-color:#ffffff4d;border-radius:2px;position:relative;transition:height .1s ease}.progress-bar-container:hover .progress-bar-background{height:6px}.progress-bar-fill{height:100%;background-color:#fca311;border-radius:2px;position:absolute;top:0;left:0}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:15px}.control-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:color .2s ease,transform .1s ease}.control-btn:hover{color:#fca311;transform:scale(1.1)}.volume-container{display:flex;align-items:center;gap:8px}.volume-slider{width:0;opacity:0;transition:width .3s ease,opacity .3s ease;accent-color:#fca311}.volume-container:hover .volume-slider{width:80px;opacity:1}.time-display{color:#fff;font-size:13px;font-family:inherit;-webkit-user-select:none;user-select:none}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:var(--text-muted)}.input-with-icon input{padding-left:3rem!important}.nav-profile-link:hover{opacity:.8}.btn-icon-only{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;transition:background .2s}.btn-icon-only:hover{background:#ffffff0d}.text-danger{color:var(--danger)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:200}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links-mobile{display:none;flex-direction:column;gap:0;position:fixed;top:0;right:-100%;width:min(80vw,320px);height:100vh;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);padding:5rem 1.5rem 2rem;z-index:150;transition:right .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.nav-links-mobile.open{right:0}.nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-overlay.open{display:block}.nav-links-mobile .nav-link{display:block;padding:.85rem 0;font-size:1.1rem;border-bottom:1px solid var(--border-color)}.nav-links-mobile .nav-auth-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.nav-links-mobile .btn{width:100%;justify-content:center}.stack-on-mobile{display:flex}.title{font-size:clamp(1.6rem,4vw,2.5rem)}.grid-cols-2{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}@media(max-width:1024px){.grid-cols-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.nav-hamburger{display:flex}.nav-links{display:none}.nav-links-mobile{display:flex}.navbar .container{position:relative}.container{padding:0 1rem}main.container{padding:1.25rem 1rem!important}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.glass-card{padding:1.25rem}.subtitle{font-size:.95rem}.stack-on-mobile{flex-direction:column}[class*=stats-row],[class*=info-row]{flex-wrap:wrap;gap:.75rem}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.modal-content,[class*=modal]>div,[style*="maxWidth: '500px'"]{width:95vw!important;max-width:95vw!important;padding:1.25rem!important}.btn-group{flex-direction:column}[class*=sidebar-layout],[style*="display: 'flex'"][style*=gap]{flex-wrap:wrap}}@media(max-width:480px){.nav-brand{font-size:1.35rem}.container{padding:0 .75rem}main.container{padding:1rem .75rem!important}.glass-card{padding:1rem;border-radius:.75rem}.btn{padding:.65rem 1.25rem;font-size:.9rem}h1{font-size:clamp(1.4rem,6vw,2rem)!important}h2{font-size:clamp(1.2rem,5vw,1.5rem)!important}h3{font-size:clamp(1rem,4vw,1.2rem)!important}[style*="height: '180px'"]{height:160px!important}select.form-input,input.form-input{font-size:16px}.time-display{font-size:11px}.volume-slider{display:none}[style*="overflowX: 'auto'"]{justify-content:flex-start!important}}