.details-page{padding:var(--spacing-xl) 0}.details-hero{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.details-poster{width:100%;border-radius:var(--radius-lg);overflow:hidden}.details-poster img{width:100%;height:auto;display:block}.details-info h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.details-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.details-description{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-xl);color:var(--text-secondary)}.details-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.details-section{margin-bottom:var(--spacing-2xl)}.details-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.episodes-list{display:grid;gap:var(--spacing-md)}.episode-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.episode-item:hover{background:var(--bg-hover)}.episode-number{font-weight:600;color:var(--primary-color);min-width:40px}.episode-info{flex:1}.episode-title{font-weight:600;margin-bottom:var(--spacing-xs)}.episode-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.seasons-list{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.season-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.season-btn.active,.season-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.comments-section{margin-top:var(--spacing-2xl)}.comment-form{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg)}.comment-form textarea{width:100%;min-height:100px;margin-bottom:var(--spacing-md)}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.comment-item{padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg)}.comment-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600}.comment-author{font-weight:600}.comment-date{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-left:auto}.comment-text{color:var(--text-secondary);line-height:1.6}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-lg)}.profile-page{max-width:800px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg)}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:700}.profile-info h2{margin-bottom:var(--spacing-sm)}.profile-details{display:grid;gap:var(--spacing-lg)}.profile-section{padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg)}.profile-section h3{margin-bottom:var(--spacing-lg)}.profile-field{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.profile-field:last-child{border-bottom:none}.profile-field-label{font-weight:600;color:var(--text-secondary)}.profile-field-value{color:var(--text-primary)}.premium-page{max-width:1000px;margin:0 auto}.premium-status{text-align:center;padding:var(--spacing-2xl);background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl)}.premium-status.active{border:2px solid var(--accent-color)}.premium-status h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.premium-status.active h2{color:var(--accent-color)}.premium-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.premium-plan{padding:var(--spacing-2xl);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);cursor:pointer}.premium-plan:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.premium-plan.featured{border-color:var(--primary-color);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-tertiary) 100%)}.plan-name{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md)}.plan-price{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.plan-duration{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.plan-features{list-style:none;text-align:left;margin-bottom:var(--spacing-xl)}.plan-features li{padding:var(--spacing-sm) 0;color:var(--text-secondary)}.plan-features li:before{content:"✓ ";color:var(--accent-color);font-weight:700;margin-right:var(--spacing-sm)}.payment-form{max-width:500px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg)}.payment-input-group{margin-bottom:var(--spacing-lg)}.payment-input-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-weight:500}.payment-input-group input{width:100%}.payment-status{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center}.payment-status.processing{background:rgba(59,130,246,.2);border:1px solid #3b82f6}.payment-status.success{background:rgba(16,185,129,.2);border:1px solid #10b981}.payment-status.error{background:rgba(239,68,68,.2);border:1px solid #ef4444}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{margin-bottom:var(--spacing-md)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}.skeleton-card{aspect-ratio: 2/3;border-radius:var(--radius-lg)}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm)}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.badge{display:inline-block;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.badge-premium{background:var(--accent-color);color:#000}.badge-new{background:var(--primary-color);color:var(--text-primary)}.badge-trending{background:#10b981;color:var(--text-primary)}.play-button{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--bg-primary);font-size:24px}.play-button:hover{background:var(--text-primary);transform:scale(1.1)}.play-button:before{content:"▶";margin-left:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary-color);color:var(--text-primary)}@media (max-width:1024px){.hero-slider{height:50vh;min-height:400px}.slider-title{font-size:var(--font-size-3xl)}.details-hero{grid-template-columns:250px 1fr;gap:var(--spacing-lg)}.content-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}}@media (max-width:768px){:root{--font-size-4xl:2rem;--font-size-3xl:1.75rem;--font-size-2xl:1.25rem}.nav-menu{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:var(--spacing-lg);transform:translateX(-100%);transition:transform var(--transition-base);border-bottom:1px solid var(--border-color);z-index:var(--z-dropdown)}.nav-menu.active{transform:translateX(0)}.menu-toggle{display:flex}.hero-slider{height:40vh;min-height:300px}.slider-content{max-width:100%;padding:var(--spacing-lg)}.slider-title{font-size:var(--font-size-2xl)}.slider-description{font-size:var(--font-size-base)}.details-hero{grid-template-columns:1fr;gap:var(--spacing-lg)}.details-poster{max-width:300px;margin:0 auto}.content-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.premium-plans{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}.container{padding:0 var(--spacing-md)}.player-container{width:95%}.modal-content{padding:var(--spacing-lg);margin:var(--spacing-md)}}@media (max-width:480px){.logo-text{display:none}.hero-slider{height:35vh;min-height:250px}.slider-controls{padding:0 var(--spacing-sm)}.slider-btn{width:40px;height:40px;font-size:20px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.filter-bar{flex-direction:column}.filter-select{width:100%}.details-actions{flex-direction:column}.details-actions .btn{width:100%}.profile-header{flex-direction:column;text-align:center}.toast-container{right:var(--spacing-sm);left:var(--spacing-sm)}.toast{min-width:auto;width:100%}}@media (min-width:1400px){.container{max-width:1600px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.content-card-image,.category-card-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.header,.footer,.nav-actions,.player-modal,.modal{display:none}.main-content{padding:0}}