*{margin:0;padding:0;box-sizing:border-box}body{font-family:'PingFang SC','Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;top:0;width:100%;z-index:1000}.navbar{padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand h1{color:white;font-size:2rem;font-weight:bold;margin-bottom:0.2rem}.nav-brand .tagline{color:rgba(255,255,255,0.8);font-size:0.9rem}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:white;text-decoration:none;font-weight:500;transition:color 0.3s ease}.nav-menu a:hover{color:#ffd700}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:white;margin:3px 0;transition:0.3s}.hero{margin-top:100px;padding:4rem 0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:white;display:flex;align-items:center;min-height:70vh}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-content h2{font-size:3rem;margin-bottom:1rem;font-weight:bold}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:0.9}.hero-buttons{display:flex;gap:1rem}.btn{padding:12px 30px;border:none;border-radius:50px;text-decoration:none;font-weight:bold;transition:all 0.3s ease;display:inline-block;cursor:pointer}.btn-primary{background:#ffd700;color:#333}.btn-primary:hover{background:#ffed4e;transform:translateY(-2px)}.btn-secondary{background:transparent;color:white;border:2px solid white}.btn-secondary:hover{background:white;color:#333}.hero-image img{width:100%;height:auto;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,0.2)}.features{padding:5rem 0;background:white}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{text-align:center;padding:2rem;border-radius:15px;background:#f8f9fa;transition:transform 0.3s ease,box-shadow 0.3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-item p{color:#666;line-height:1.6}.hot-recommendations{padding:5rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.hot-recommendations h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.movies-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.movie-item{background:rgba(255,255,255,0.1);border-radius:15px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;backdrop-filter:blur(10px)}.movie-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.movie-item img{width:100%;height:280px;object-fit:cover;transition:transform 0.3s ease}.movie-item:hover img{transform:scale(1.05)}.movie-info{padding:1rem}.movie-info h3{font-size:1.2rem;margin-bottom:0.5rem}.movie-info p{color:rgba(255,255,255,0.8);font-size:0.9rem}.app-download{padding:5rem 0;background:white}.app-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.app-info h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.app-info p{font-size:1.2rem;color:#666;margin-bottom:2rem}.app-features{list-style:none;margin-bottom:2rem}.app-features li{padding:0.5rem 0;color:#555;font-size:1.1rem}.download-buttons{display:flex;gap:1rem}.app-image img{width:100%;max-width:300px;height:auto;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.1)}.footer{background:#2c3e50;color:white;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#ffd700}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color 0.3s ease}.footer-section ul li a:hover{color:#ffd700}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e;color:#bdc3c7}@media (max-width:768px){.hamburger{display:flex}.nav-menu{display:none}.hero .container{grid-template-columns:1fr;text-align:center}.hero-content h2{font-size:2rem}.app-content{grid-template-columns:1fr;text-align:center}.movies-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.hero-buttons{flex-direction:column;align-items:center}.download-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 15px}.hero{padding:2rem 0}.hero-content h2{font-size:1.8rem}.features,.hot-recommendations,.app-download{padding:3rem 0}.movies-row{grid-template-columns:repeat(2,1fr)}.movie-item img{height:200px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-item,.movie-item{animation:fadeInUp 0.6s ease forwards}html{scroll-behavior:smooth}img{transition:opacity 0.3s ease}img[loading="lazy"]{opacity:0}img[loading="lazy"].loaded{opacity:1}