:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary-color:#3b82f6;--secondary-bg:#1e293bb3;--glass-border:#ffffff1a;--font-family:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);min-height:100vh;line-height:1.5;overflow-x:hidden}.glass{background:var(--secondary-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.container{max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3{letter-spacing:-.025em;font-weight:700}a{color:inherit;text-decoration:none}.header{z-index:50;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.lang-switch{border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}.lang-switch:hover{background:#ffffff1a}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;margin-top:4rem;display:flex;position:relative}.hero h1{text-shadow:0 4px 20px #00000080;margin-bottom:1rem;font-size:4rem}.hero p{color:#cbd5e1;max-width:600px;font-size:1.25rem}.controls{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.search-bar{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:9999px;width:100%;max-width:500px;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.search-bar:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f64d}.filters{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.filter-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:0 0;border-radius:9999px;padding:.5rem 1.25rem;transition:all .3s}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{background:var(--text-color);color:var(--bg-color)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.movie-card{cursor:pointer;aspect-ratio:2/3;border-radius:16px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.movie-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0006}.movie-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.movie-card:hover img{transform:scale(1.05)}.movie-info{opacity:0;background:linear-gradient(#0f172a00 0%,#0f172a 100%);padding:2rem 1.5rem 1.5rem;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.movie-card:hover .movie-info{opacity:1;transform:translateY(0)}.movie-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.movie-genre{color:#f8fafc;-webkit-backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff26;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;display:inline-block}.markdown-content{color:#e2e8f0}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--primary-color);margin-top:2rem;margin-bottom:1rem}.markdown-content p{margin-bottom:1.5rem}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:4px solid var(--primary-color);color:#94a3b8;background:#ffffff0d;border-radius:4px;margin-bottom:1.5rem;padding:1rem;font-style:italic}