*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{min-height:100vh}#root{margin:0 auto;text-align:center}.scroll-section{padding:1rem 0;color:#fff}.section-title{font-size:1.5rem;font-weight:700;text-align:left;margin-left:4rem;color:#fff}.scroll-container-wrapper{position:relative;padding:0 2rem}.scroll-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.5rem;padding:1rem 2rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{flex:0 0 auto;width:250px;scroll-snap-align:center}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:2px solid #2a9d8f;background-color:#1a2f3ae6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;z-index:2}.scroll-arrow svg{width:24px;height:24px}.scroll-arrow:hover{background-color:#2a9d8f;transform:translateY(-50%) scale(1.1)}.left-arrow{left:.5rem}.right-arrow{right:.5rem}@media (hover: none){.scroll-arrow{display:none}}.card{position:relative;border-radius:4px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;background-color:#1a2f3a}.card:hover{transform:scale(1.05);box-shadow:0 4px 20px #0006;z-index:1}.card-image{width:100%;height:100%;object-fit:stretch}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);transform:translateY(100%);transition:transform .3s ease}.card:hover .card-overlay{transform:translateY(0)}.card-title{font-size:1rem;margin:0;margin-bottom:.5rem;color:#fff}.card-description{font-size:.875rem;margin:0;opacity:.8;color:#fff}@media (hover: none){.card-overlay{transform:translateY(0);background:linear-gradient(transparent,#000000e6)}}.dash{margin-top:-160px;z-index:10;position:relative;background:linear-gradient(to bottom,#0000,#0009 120px,#000 160px,#170125 60%,#011a1e)}.main-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;filter:drop-shadow(2px 4px 6px black);background-color:#06121dd5;box-shadow:0 2px 10px #1a2f3a4d;z-index:1000}.brand{display:flex;align-items:center;gap:1rem}.logo{width:40px;height:40px;object-fit:contain}.brand-name{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:2px}.search-container{justify-content:center;display:flex;gap:.5rem}.search-input{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#ffffff1a;color:#fff;font-size:1rem;min-width:180px;width:10%;transition:background-color .3s ease}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;background-color:#ffffff26}.search-button{padding:.5rem 1.5rem;border:none;border-radius:4px;background-color:#2a9d8f;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background-color:#238b7e}@media (max-width: 560px){.main-header{padding:1rem;flex-direction:column;gap:1rem}}.hero{height:60vh;position:relative;color:#fff;background:linear-gradient(#0039b54d,#001a1db3);overflow:hidden}.hero-content{position:relative;height:100%;padding:0 60px 140px;display:flex;flex-direction:column;justify-content:end}.title-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.title-container h2{font-weight:500;opacity:.9;text-shadow:2px 2px 4px black;text-align:left;text-wrap:balance}.description{text-align:left;margin-bottom:40px;line-height:1.5;color:#f7f3c9}.buttons-container{display:flex;gap:15px;margin-bottom:40px}.view-button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:18px;font-weight:600;background-color:#fff;color:#000;border:none;border-radius:4px;cursor:pointer}.age-rating{position:absolute;right:60px;bottom:180px;display:flex;align-items:center;gap:10px;padding:4px 12px;background-color:#3339;border-left:3px solid white;font-size:18px}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://vrp-plus-n.pages.dev/super-mom/poster.jpg);background-size:cover;background-position:center;z-index:-1}@media screen and (max-width: 500px){.hero-content{padding:0 35px 140px}.title-container h2{font-size:22px}.description{font-size:14px}.view-button{padding:8px 16px;font-size:14px}.age-rating{right:15px;bottom:180px;font-size:14px}}.modal-overlay{position:absolute;top:0;left:0;width:100%;z-index:1001;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{position:relative;text-align:left;width:100%;max-width:850px;top:20px;background:#181818;border-radius:6px;overflow:hidden;color:#fff;z-index:1001}.close-button{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.hero-section{position:relative;padding:32px;background:linear-gradient(to bottom,#0000004d,#181818)}.content-wrapper{margin-bottom:24px}.title{font-size:32px;font-weight:700;margin-bottom:20px}.action-buttons{display:flex;gap:12px;margin-bottom:24px}.play-button{display:flex;align-items:center;gap:8px;padding:8px 24px;border-radius:4px;background:#fff;color:#000;font-weight:700;border:none;cursor:pointer}.icon-button{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#2a2a2a99;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.metadata{display:flex;gap:24px;margin-bottom:16px}.year-duration{display:flex;gap:12px;align-items:center}.quality{border:1px solid rgba(255,255,255,.4);padding:0 4px;font-size:14px}.rating{padding:2px 8px;background:#ffffff1a;border-radius:4px;font-size:14px}.description{font-size:16px;line-height:1.5;margin-bottom:24px;opacity:.9}.details{display:flex;flex-direction:column;gap:12px}.label{color:#777;margin-right:8px}.more-like{padding:32px;border-top:2px solid rgba(255,255,255,.1)}.more-like h2{margin-bottom:24px;font-size:24px}.similar-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.similar-item{background:#2f2f2f;border-radius:4px;overflow:hidden}.placeholder-image{width:100%;padding-top:56.25%;background:#404040}.similar-info{padding:12px}.similar-info h3{margin-bottom:8px;font-size:16px}.similar-info span{font-size:14px;color:#777}@media (max-width: 540px){.modal-overlay{padding:0}.modal-content{min-height:100vh;border-radius:0}.title{font-size:24px}.hero-section,.more-like{padding:20px}.action-buttons{flex-wrap:wrap}.similar-content{grid-template-columns:1fr}}@media (max-width: 480px){.hero-section,.more-like{padding:16px}.title{font-size:20px}}