@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #0a0a0a;--color-secondary: #1a1a1a;--color-tertiary: #262626;--color-accent: #6392f1;--color-accent-light: #81a1f8;--color-text: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #808080;--color-border: #333333;--color-surface: #141414;--breakpoint-xs: 480px;--radius-100: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;background:var(--color-primary);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}main{min-height:100vh;position:relative;background:var(--color-primary);margin:0;padding:0}h1{margin:0 auto;max-width:64rem;text-align:center;font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-text)}@media(min-width:640px){h1{font-size:3.5rem;line-height:1.1}}h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem;text-align:center;letter-spacing:-.01em}h3{font-size:1.125rem;font-weight:600;color:var(--color-text);text-align:center;margin:0}@media(min-width:640px){h2{font-size:2rem}}header{margin-top:1.25rem}@media(min-width:640px){header{margin-top:2.5rem}}header img{width:100%;max-width:32rem;height:auto;object-fit:contain;margin:0 auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.pattern{position:absolute;inset:0;width:100vw;height:100vh;background-image:url(/hero-bg.png);background-size:cover;background-position:center;z-index:0}.wrapper{padding:3rem 1.25rem;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:10}@media(min-width:480px){.wrapper{padding:2.5rem}}.trending{margin-top:5rem}.trending ul{display:flex;gap:1.25rem;overflow-y:auto;margin-top:-2.5rem;width:100%;list-style:none;padding:0}.trending ul li{min-width:230px;display:flex;align-items:center}.trending ul li p{margin-top:22px;white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:190px;-webkit-text-stroke:5px rgba(206,206,251,.5)}.trending ul li img{width:127px;height:163px;object-fit:cover;border-radius:.5rem;margin-left:-14px}.search{width:100%;background:#cecefb0d;padding:.75rem 1rem;border-radius:.5rem;margin:2.5rem auto 0;max-width:48rem}.search div{position:relative;display:flex;align-items:center}.search img{position:absolute;left:.5rem;width:1.25rem;height:1.25rem}.search input{width:100%;background:transparent;padding:.5rem .75rem .5rem 2.5rem;font-size:1rem;color:var(--color-light-200);border:none;outline:none}.all-movies{margin-top:2.25rem}.all-movies ul{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;list-style:none;padding:0;margin:0}@media(min-width:480px){.all-movies ul{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:768px){.all-movies ul{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.all-movies ul{grid-template-columns:repeat(4,1fr)}}.movie-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.movie-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.movie-card img{width:100%;height:280px;object-fit:cover;display:block}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.header{display:flex;align-items:left;gap:20px;justify-content:flex-start;width:100%;text-align:left}.site-header{display:flex;align-items:center;gap:12px;text-align:left}.logo{width:80px;height:auto;display:block}.card{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-lg);overflow:hidden;width:100%;text-align:center;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.BigCard{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:800px;text-align:center;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shadow-sm)}.card-image{border-radius:var(--radius-100);height:180px;width:auto;object-fit:contain;transition:transform .3s ease}.card:hover .card-image{transform:scale(1.05)}.horizontal-grid{display:flex;gap:1rem;overflow-x:auto;padding:1rem;justify-content:center;box-sizing:inherit}.horizontal-grid::-webkit-scrollbar{display:none}.horizontal-grid>.card{flex:0 0 auto}.text-card{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-lg);overflow:hidden;width:auto;text-align:center;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.text-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}button{text-align:center;background:var(--color-accent);border-radius:var(--radius-100);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;box-shadow:var(--shadow-sm);letter-spacing:-.01em}button:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.text-gradient{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}img{border-radius:var(--radius-100);transition:transform .3s ease;display:block}a{color:var(--color-accent);text-decoration:none;transition:all .3s ease;display:inline-flex}a:hover{color:var(--color-accent-light);transform:translateY(-2px)}p{color:var(--color-text-secondary);margin:0;text-align:center;font-size:1rem;line-height:1.6;letter-spacing:-.01em}.app-shell{margin-top:200px;display:flex;justify-content:center}@keyframes scroll{to{background-position:0px -400%}}input{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-100);padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;font-family:inherit}input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11a}.cardheader{width:100%;background-color:var(--color-secondary);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0;position:sticky;top:0;z-index:100}.header-logo{height:40px;width:auto;flex-shrink:0}.header-button{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-100);padding:.5rem 1rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:none}.header-button:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:#6366f11a;transform:none;box-shadow:none}.header-button:active{background-color:#6366f133}.select{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-100);padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;cursor:pointer;font-family:inherit}.select:hover,.select:focus{border-color:var(--color-accent);outline:none}