@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;900&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e5e5e5;background-color:#0f1014}body{margin:0;min-height:100vh;background:#0f1014;overflow-x:hidden}#root{width:100%;min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-white{color:#fff}.font-bold{font-weight:700}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.navbar{position:fixed;top:0;width:100%;height:70px;z-index:100;background:#0f1014f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:100%;max-width:1800px;margin:0 auto}.nav-left{display:flex;align-items:center;gap:3rem;flex:1}.logo-container{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ffd7004d}.brand-text{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2}.brand-sub{font-size:.7rem;color:#888;display:block;font-weight:400}.search-box{background:#1e2028;border-radius:8px;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;width:350px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.search-box:focus-within{background:#252830;border-color:#ffffff1a}.search-input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-family:inherit;font-size:.9rem}.nav-menu{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-item{color:#aaa;font-size:.95rem;font-weight:500;cursor:pointer;transition:color .2s;white-space:nowrap}.nav-item:hover{color:#fff}.nav-item.active{color:#fff;font-weight:600}.nav-right{display:flex;align-items:center;gap:1.5rem}.hero-section{position:relative;height:90vh;width:100%;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#0F1014 0%,rgba(15,16,20,.8) 40%,transparent 100%),linear-gradient(0deg,#0F1014 10%,transparent 50%)}.hero-content{position:relative;z-index:10;padding-left:2rem;max-width:1800px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-info{max-width:800px}.movie-title{font-size:5rem;font-weight:900;line-height:1;margin-bottom:1.5rem;text-transform:uppercase;font-family:Be Vietnam Pro,sans-serif;letter-spacing:-1px}.meta-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.imdb-badge{background:#f5c518;color:#000;font-weight:800;padding:2px 6px;border-radius:4px;font-size:.9rem}.tag{background:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:.85rem;color:#ddd}.genre-row{display:flex;gap:.8rem;margin-bottom:1.5rem}.genre-tag{background:#ffffff14;padding:6px 14px;border-radius:20px;font-size:.9rem;color:#ccc;border:1px solid rgba(255,255,255,.05)}.description{color:#bbb;font-size:1.1rem;line-height:1.6;max-width:700px;margin-bottom:2.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.action-row{display:flex;align-items:center;gap:1.5rem}.play-btn-round{width:70px;height:70px;border-radius:50%;background:#f3bc2e;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#000}.play-btn-round:hover{transform:scale(1.1);box-shadow:0 0 20px #f3bc2e66}.icon-btn{width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;color:#fff}.icon-btn:hover{background:#fff3}.fpt-f{font-family:Montserrat,sans-serif;font-weight:900;background:linear-gradient(135deg,#f37021 0% 30%,#51b848 30% 60%,#0066b3 60% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:skew(-5deg);text-shadow:0 10px 30px rgba(0,0,0,.5)}.content-container{max-width:1800px;margin:-100px auto 0;padding:0 2rem 4rem;position:relative;z-index:20}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:4rem}.topic-card{height:110px;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:transform .2s;position:relative;overflow:hidden}.topic-card:hover{transform:translateY(-5px)}.topic-name{font-size:1.3rem;font-weight:800;margin-bottom:.5rem;z-index:10}.topic-link{font-size:.8rem;opacity:.8;display:flex;align-items:center;gap:4px;z-index:10}.grad-1{background:linear-gradient(135deg,#4a00e0,#8e2de2)}.grad-2{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.grad-3{background:linear-gradient(135deg,#11998e,#38ef7d)}.grad-4{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.grad-5{background:linear-gradient(135deg,#ff8008,#ffc837)}.grad-6{background:linear-gradient(135deg,#00b09b,#96c93d)}.grad-7{background:linear-gradient(135deg,#232526,#414345)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1014}