:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--text-primary: #1a1d23;--text-secondary: #4a5568;--accent-primary: #6366f1;--accent-secondary: #4f46e5;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--nav-bg: rgba(255, 255, 255, .8)}[data-theme=dark]{--bg-primary: #0b0d10;--bg-secondary: #14171c;--text-primary: #ffffff;--text-secondary: #9ca3af;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--card-bg: #14171c;--card-border: rgba(255, 255, 255, .05);--glass-bg: rgba(11, 13, 16, .85);--glass-border: rgba(255, 255, 255, .1);--shadow: 0 10px 40px -10px rgba(0, 0, 0, .5);--nav-bg: rgba(11, 13, 16, .9)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(129,140,248,.1) 0px,transparent 50%);background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary)}.movie-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);height:100%}.movie-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0009;border-color:var(--accent-primary)}.movie-poster-container{position:relative;aspect-ratio:2/3;overflow:hidden}.movie-poster{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .movie-poster{transform:scale(1.1)}.movie-badge{position:absolute;top:10px;right:10px;background:var(--accent-primary);color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 10px #0000004d}.search-container{max-width:600px;margin:0 auto}.hero-section{padding:80px 0;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);color:var(--text-primary);border-radius:32px;margin-bottom:40px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--glass-border);position:relative;overflow:hidden}@media(max-width:768px){.hero-section{padding:40px 20px;border-radius:24px}.hero-section h1{font-size:2rem}.search-container{padding:0 10px}.search-input{font-size:.9rem;padding-left:10px!important}}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--accent-primary) 0%,transparent 60%);opacity:.1;z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section h1{color:var(--text-primary)}.hero-section p{color:var(--text-secondary)}.navbar-glass{position:sticky;top:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.search-input::placeholder{color:var(--text-secondary);opacity:.6}.search-icon{color:var(--text-secondary)}.search-input:focus::placeholder{opacity:.4}.logo-img{transition:filter .3s ease}[data-theme=dark] .logo-img{filter:invert(1) brightness(2)}.transition-all{transition:all .3s ease}.App{text-align:center}.App-logo{animation:App-logo-spin infinite 20s linear;height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}