:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#020617;--primary: #6366f1;--secondary: #a855f7;--accent: #ec4899;--surface: rgba(15, 23, 42, .7);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--indigo-glow: rgba(99, 102, 241, .15);--container-max-width: 1200px;--section-spacing: 5rem}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background:#020617}#root{width:100%}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(30,27,75,1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(88,28,135,.6) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(15,23,42,1) 0%,#020617 100%)}.container{max-width:var(--container-max-width);margin-inline:auto;padding-inline:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.text-center{text-align:center}.relative{position:relative}.z-50{z-index:50}.mt-auto{margin-top:auto}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:1.25rem 2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);background:rgba(2,6,23,.5);display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.nav-links{display:flex;gap:2.5rem;font-weight:500;color:#94a3b8}.nav-links a{text-decoration:none;color:inherit;transition:color .2s}.nav-links a:hover{color:#fff}.hero{padding-top:8rem;padding-bottom:4rem;max-width:900px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#818cf8;font-size:.875rem;font-weight:600;margin-bottom:2rem}h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.5rem}.hero-subtext{font-size:1.25rem;color:#94a3b8;max-width:600px;margin:0 auto 3rem}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--primary);box-shadow:0 10px 40px -10px #00000080,0 0 20px var(--indigo-glow);transform:translateY(-8px)}.text-gradient{background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.accent-gradient{background:linear-gradient(135deg,#818cf8,#c084fc,#fb7185);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.75rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px -5px #6366f14d}.primary-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.search-container{max-width:650px;margin:0 auto;position:relative;z-index:100}.search-input-wrapper{display:flex;align-items:center;position:relative}.search-icon{position:absolute;left:1.25rem;color:#64748b;width:1.25rem;height:1.25rem}input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;background:rgba(15,23,42,.8);border:1px solid var(--glass-border);border-radius:16px;color:#fff;font-size:1.125rem;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}input:focus{outline:none;border-color:var(--primary);background:rgba(30,41,59,.9);box-shadow:0 0 0 4px #6366f11a}.suggestions-panel{position:absolute;top:100%;left:0;right:0;margin-top:.75rem;background:rgba(15,23,42,.95);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.suggestion-item{width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:1px solid var(--glass-border);text-align:left;color:#cbd5e1;display:flex;justify-content:space-between;align-items:center}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:rgba(99,102,241,.1);color:#fff}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2.5rem;margin-top:3rem}.movie-poster-container{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:inherit}.movie-poster{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.movie-card:hover .movie-poster{transform:scale(1.1) rotate(1deg)}.poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:opacity .3s}.movie-card:hover .poster-overlay{opacity:1}.rating-badge{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.25rem}.movie-info{padding:1.5rem;background:rgba(15,23,42,.4)}.movie-release{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.movie-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.movie-tagline{font-size:.875rem;font-style:italic;color:#64748b}@media (max-width: 768px){.nav-links{display:none}.hero{padding-top:6rem}h1{font-size:3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}