@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-main: "Outfit", sans-serif;--bg-color: #000000;--surface-color: #0a0a0a;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--primary-color: #ffffff;--secondary-color: #94a3b8;--accent-color: #e2e8f0;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:80px 2rem 2rem}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.error-message{color:#ef4444;text-align:center;padding:2rem;font-weight:500}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;width:100%}@media (max-width: 640px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-smooth)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.movie-card{position:relative;background:var(--surface-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-smooth);border:1px solid var(--glass-border);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.movie-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0006}.movie-poster{position:relative;aspect-ratio:2/3;width:100%;overflow:hidden}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .movie-poster img{transform:scale(1.1)}.movie-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(2,6,23,.8) 100%);opacity:0;transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;z-index:2}.movie-card:hover .movie-overlay{opacity:1}.favorite-btn{position:absolute;top:1rem;right:1rem;z-index:10;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#fff;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:var(--transition-smooth)}.favorite-btn:hover{transform:scale(1.1);background:#0f172acc}.favorite-btn.active{color:var(--accent-color);background:#fff;border-color:#fff}.movie-info{padding:1rem;display:flex;flex-direction:column;gap:.25rem;z-index:1}.movie-info h3{font-size:1rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card:hover .movie-info h3{color:var(--primary-color)}.movie-info .movie-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.rating-badge{display:flex;align-items:center;gap:.25rem;color:#fbbf24;font-weight:500}@media (max-width: 640px){.movie-info{padding:.75rem}.movie-info h3{font-size:.9rem}.movie-info .movie-meta{font-size:.75rem}.favorite-btn{width:32px;height:32px;font-size:1rem;top:.5rem;right:.5rem}}.skeleton-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-color);border:1px solid var(--glass-border);height:400px;display:flex;flex-direction:column}.skeleton-image{flex:1;background:#ffffff0d}.skeleton-info{padding:1rem}.skeleton-text{height:12px;background:#ffffff0d;margin-bottom:.75rem;border-radius:var(--radius-full)}.skeleton-text.title{height:18px;width:80%}.skeleton-hero{width:100%;height:60vh;min-height:400px;background:#ffffff0d;border-radius:var(--radius-lg);margin-bottom:2rem}.pulse{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-bottom:3rem;gap:2rem;border-bottom:1px solid var(--glass-border)}.genres-filter{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.genres-filter::-webkit-scrollbar{display:none}.genre-btn{white-space:nowrap;padding:.5rem 1.25rem;border-radius:var(--radius-full);background:var(--surface-color);border:1px solid var(--glass-border);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.genre-btn:hover{border-color:var(--secondary-color);color:var(--text-main)}.genre-btn.active{background:var(--primary-color);color:var(--bg-color);border-color:var(--primary-color)}.sort-select{background:var(--surface-color);border:1px solid var(--glass-border);color:var(--text-main);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;outline:none;min-width:150px}.sort-select:focus{border-color:var(--secondary-color)}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch;gap:1rem}}.home{display:flex;flex-direction:column;gap:2rem}.hero{position:relative;height:60vh;min-height:450px;width:100%;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:flex-end;margin-bottom:2rem}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(2,6,23,.9) 100%),linear-gradient(to right,rgba(2,6,23,.8) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;padding:3rem;max-width:800px;display:flex;flex-direction:column;gap:1rem}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;color:#fff}.hero-content p{font-size:1.1rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-section{max-width:1400px;margin:0 auto;padding:0 2rem 4rem;transition:all .3s ease}.content-section.search-active{padding-top:3rem}.section-title{margin:1.5rem 0 2.5rem;font-size:1.85rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.error-message{padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:#ef4444;text-align:center;margin-bottom:2rem}.loading-container{padding:2rem 0}.infinite-scroll-trigger{height:100px;width:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.hero{height:50vh}.hero-content{padding:1.5rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:.95rem}}.favorites{display:flex;flex-direction:column;gap:2rem}.favorites-header{text-align:center;margin-bottom:2rem}.favorites-header h1{font-size:3rem;font-weight:800;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.favorites-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:600px;margin:4rem auto;gap:1.5rem}.empty-icon{font-size:4rem;filter:drop-shadow(0 0 10px var(--accent-color))}.favorites-empty h2{font-size:2rem;font-weight:700}.favorites-empty p{color:var(--text-muted);font-size:1.1rem}.btn-cta{background:var(--primary-color);color:var(--bg-color);padding:.75rem 2rem;border-radius:var(--radius-full);font-weight:600;margin-top:1rem}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #38bdf84d}.navbar{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:1400px;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:#0a0a0abf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);box-shadow:0 8px 32px #000c;gap:2rem}.navbar-brand a{font-size:1.25rem;font-weight:800;color:var(--text-main);text-decoration:none;letter-spacing:-.03em;white-space:nowrap;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-center{flex:1;max-width:500px;position:relative}.nav-search-form{width:100%}.search-input-wrapper{position:relative;width:100%}.nav-search-input{width:100%;padding:.6rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-main);font-size:.9rem;outline:none;transition:all .3s ease}.nav-search-input:focus{background:#ffffff0f;border-color:var(--primary-color);box-shadow:0 0 0 4px #38bdf826}.nav-search-suggestions{position:absolute;top:calc(100% + .75rem);left:0;right:0;background:#0f0f0ff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px #0009;z-index:1100;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.nav-suggestion-item{display:flex;gap:1rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.nav-suggestion-item:last-child{border-bottom:none}.nav-suggestion-item:hover{background:#ffffff0d;padding-left:1.25rem}.nav-suggestion-item img{width:32px;height:48px;object-fit:cover;border-radius:4px}.nav-suggestion-info h4{margin:0;font-size:.85rem;color:var(--text-main);font-weight:600}.nav-suggestion-info span{font-size:.75rem;color:var(--text-muted)}.navbar-links{display:flex;gap:1.75rem;align-items:center}.nav-link{text-decoration:none;color:#fff9;font-weight:600;font-size:.9rem;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--primary-color);border-radius:var(--radius-full);box-shadow:0 0 8px var(--primary-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.navbar-container{padding:.6rem 1.5rem;gap:1.5rem}}@media (max-width: 768px){.navbar-center{display:none}.navbar-brand a{font-size:1.1rem}}.movie-details{position:relative;min-height:100vh;padding-bottom:4rem}.details-hero{position:relative;height:70vh;min-height:500px;width:100%;overflow:hidden;margin-top:-80px}.details-backdrop{width:100%;height:100%;object-fit:cover}.details-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-color) 100%),#02061766}.details-header-content{position:absolute;bottom:0;left:0;right:0;padding:4rem 2rem;max-width:1300px;margin:0 auto;display:flex;align-items:flex-end;gap:3rem;z-index:2}.details-poster{width:280px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);flex-shrink:0}.details-info-main{flex:1;display:flex;flex-direction:column;gap:1rem}.details-info-main h1{font-size:3.5rem;font-weight:800;line-height:1.1}.details-meta{display:flex;align-items:center;gap:1.5rem;color:var(--text-muted);font-size:1.1rem}.genres-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.genre-tag{padding:.4rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-main)}.details-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-primary{background:var(--primary-color);color:var(--bg-color);padding:.8rem 2rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:.5rem}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:#fff;padding:.8rem 2rem;border-radius:var(--radius-md);font-weight:600}.details-body{max-width:1300px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:2fr 1fr;gap:4rem}.details-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.details-content p{font-size:1.1rem;color:var(--text-muted);line-height:1.8}.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;margin-top:2rem}.cast-card{text-align:center}.cast-image{width:100%;aspect-ratio:1;border-radius:var(--radius-full);object-fit:cover;margin-bottom:.5rem;border:1px solid var(--glass-border)}.cast-card h4{font-size:.9rem;margin-bottom:.1rem}.cast-card p{font-size:.75rem;color:var(--text-dim)}.sidebar-info{display:flex;flex-direction:column;gap:2rem}.info-item h4{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem}.info-item p{font-size:1rem;font-weight:500}@media (max-width: 1024px){.details-header-content{flex-direction:column;align-items:center;text-align:center;padding-bottom:2rem}.details-info-main h1{font-size:2.5rem}.details-meta,.genres-list,.details-actions{justify-content:center}.details-body{grid-template-columns:1fr;gap:3rem}}@media (max-width: 640px){.details-poster{width:200px}.details-info-main h1{font-size:2rem}}