.login-page{width:100%;min-height:100vh;margin:0;padding:0;background:linear-gradient(#000000bf,#000000bf),url(https://www.indicue.com/wp-content/uploads/2026/02/CineverseLogo_square_Logo-scaled.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;font-family:Arial,Helvetica,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 45px;position:absolute;top:0;left:0;width:100%;z-index:10;box-sizing:border-box}.logo{font-size:52px;font-weight:800;color:#8b3dff;margin:0}.top-signin{background:linear-gradient(90deg,#7b2ff7,#b642ff);color:#fff;border:none;padding:14px 35px;border-radius:10px;font-size:22px;font-weight:700;cursor:pointer;transition:.3s}.top-signin:hover{transform:scale(1.05)}.hero-content{text-align:center;padding-top:100px}.tagline{font-size:22px;margin-bottom:10px}.hero-title{font-size:52px;font-weight:900;line-height:1.1;max-width:900px;margin:0 auto}.hero-subtitle{font-size:20px;color:#ddd;margin-top:15px;margin-bottom:20px}.login-card{width:420px;margin:0 auto;padding:25px;border-radius:15px;background:#141414bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card h2{color:#fff;font-size:36px;margin-bottom:20px}.login-card input{width:100%;padding:15px;margin-bottom:15px;border:none;border-radius:8px;background:#3c3c3ce6;color:#fff;font-size:16px;box-sizing:border-box}.login-card input::placeholder{color:#cfcfcf}.login-card button{width:100%;padding:15px;border:none;border-radius:8px;background:linear-gradient(90deg,#7b2ff7,#b642ff);color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:.3s}.login-card button:hover{transform:scale(1.02)}.login-card p{margin-top:15px;color:#ddd;font-size:16px}.login-card p span{color:#fff;font-weight:700;cursor:pointer}@media(max-width:768px){.navbar{padding:15px 20px}.logo{font-size:36px}.top-signin{font-size:16px;padding:10px 18px}.hero-content{padding-top:80px}.hero-title{font-size:34px;max-width:90%}.tagline{font-size:16px}.hero-subtitle{font-size:15px;max-width:90%;margin:10px auto 20px}.login-card{width:90%;padding:20px}.login-card h2{font-size:28px}.login-card button{font-size:18px}}body{background:#141414;color:#fff;font-family:Arial,sans-serif}.home{background:#141414;min-height:100vh}.navbar{position:fixed;top:0;width:100%;background:#141414f2;display:flex;justify-content:space-between;align-items:center;padding:18px 50px;z-index:100}.logo{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:700;color:#7c3aed}.logo-icon{font-size:24px}.nav-links{list-style:none;display:flex;gap:25px}.nav-links li{cursor:pointer;transition:.3s}.nav-links li:hover{color:#7c3aed}.profile{font-weight:700}.hero{height:80vh;background:linear-gradient(#00000040,#141414),url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=1600) center/cover;display:flex;align-items:center;padding:100px 60px 0}.overlay{max-width:600px}.overlay h1{font-size:70px;margin-bottom:15px}.overlay p{font-size:20px;color:#d1d5db;margin-bottom:25px}.hero-buttons button{padding:12px 28px;margin-right:15px;border:none;border-radius:8px;cursor:pointer}.play-btn{background:#fff;color:#000}.list-btn{background:#fff3;color:#fff}.section{padding:25px 50px}.section h2{margin-bottom:15px}.movie-row{display:flex;gap:20px;overflow-x:auto;padding:10px 0}.movie-card{min-width:280px;cursor:pointer;transition:transform .3s ease;text-align:center}.movie-card img{width:280px;height:160px;object-fit:cover;border-radius:8px}.movie-card p{margin-top:10px;font-size:18px;color:#fff}.ott-row{display:flex;gap:20px}.ott-card{background:#1f2937;padding:20px 30px;border-radius:12px;font-weight:700;transition:.3s}.ott-card:hover{background:#374151}.movie-row{display:flex;gap:18px;overflow-x:auto;padding:10px 0}.movie-row::-webkit-scrollbar{display:none}.movie-card{flex:0 0 auto;width:300px;cursor:pointer;transition:transform .3s ease}.movie-card:hover{transform:scale(1.05)}.movie-card img{width:100%;height:170px;object-fit:cover;border-radius:8px}.movie-card p{margin-top:8px;text-align:center;color:#fff;font-size:18px;font-weight:500}.card{background:#222;padding:20px;border-radius:10px;min-width:220px;font-size:20px;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}body{background:hidden;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none}button{cursor:pointer}.logo{color:#7c3aed}.tagline{color:#d1d5db}.hero-text h2{color:#fff}.hero-text p{color:#d1d5db}.login-card h2{color:#fff}.register-link{color:#d1d5db}.register-link span{color:#fff;font-weight:700}