:root{--bg-primary: #080b0a;--bg-secondary: #0f1513;--bg-card: #141e1a;--bg-card-hover: #1c2b25;--bg-overlay: rgba(8, 11, 10, .85);--bg-glass: rgba(14, 21, 19, .8);--accent: #00c853;--accent-hover: #00e676;--accent-gold: #d4a843;--accent-teal: #00c9a7;--text-primary: #e8e8ec;--text-secondary: #9898a8;--text-muted: #5a5a6e;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--nav-height: 68px;--rail-gap: 10px;--card-radius: 6px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}img{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:1000;transition:background .4s ease}.navbar.scrolled{background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-left{display:flex;align-items:center;gap:32px}.nav-logo{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:24px}.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.nav-right{display:flex;align-items:center;gap:20px}.nav-search-btn,.nav-notif-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s;border-radius:50%}.nav-search-btn:hover,.nav-notif-btn:hover{color:var(--text-primary)}.nav-avatar{width:32px;height:32px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent-teal));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.nav-avatar:hover{border-color:var(--text-primary)}.nav-avatar.kids{background:linear-gradient(135deg,#00c9a7,#00e676)}.account-dropdown{position:absolute;top:calc(var(--nav-height) - 4px);right:4%;width:240px;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-hover);border-radius:8px;padding:8px 0;box-shadow:0 16px 48px #00000080;animation:dropdownIn .2s var(--ease-out);z-index:1001}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-profiles{padding:8px 16px;border-bottom:1px solid var(--border)}.dropdown-profile-row{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;opacity:.7;transition:opacity .15s}.dropdown-profile-row:hover,.dropdown-profile-row.active{opacity:1}.dropdown-profile-av{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dropdown-profile-name{font-size:13px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;color:var(--text-secondary);transition:background .15s,color .15s}.dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.dropdown-item svg{width:16px;height:16px}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.dropdown-plan{padding:10px 16px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.dropdown-plan span{color:var(--accent-gold);font-weight:600}.billboard{position:relative;width:100%;height:85vh;min-height:500px;max-height:800px;overflow:hidden}.billboard-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s ease}.billboard-slide.active{opacity:1;z-index:1}.billboard-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top}.billboard-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(10,10,15,.95) 0%,rgba(10,10,15,.6) 40%,rgba(10,10,15,.1) 60%,transparent 100%)}.billboard-backdrop:before{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 100%);z-index:1}.billboard-content{position:absolute;bottom:20%;left:4%;max-width:540px;z-index:2}.billboard-logo{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-1px;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.billboard-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.billboard-meta .match{color:var(--accent-teal);font-weight:600}.billboard-meta .rating-badge{padding:1px 6px;border:1px solid var(--text-muted);border-radius:3px;font-size:12px}.billboard-synopsis{font-size:15px;line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.billboard-tags{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.billboard-tag{font-size:12px;padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:var(--text-secondary)}.billboard-actions{display:flex;gap:10px}.btn-play,.btn-info{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;border-radius:4px;font-size:15px;font-weight:600;transition:all .2s}.btn-play{background:var(--text-primary);color:var(--bg-primary)}.btn-play:hover{background:#fff;transform:scale(1.03)}.btn-info{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-info:hover{background:#ffffff40}.btn-play svg,.btn-info svg{width:20px;height:20px}.billboard-indicators{position:absolute;bottom:22%;right:4%;display:flex;gap:6px;z-index:2}.billboard-dot{width:12px;height:3px;background:#ffffff4d;border-radius:2px;transition:all .3s;cursor:pointer}.billboard-dot.active{width:28px;background:var(--text-primary)}.browse-content{padding-bottom:80px}.rail{padding:0 4%;margin-bottom:36px;position:relative}.rail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rail-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px}.rail-see-all{font-size:13px;color:var(--text-muted);transition:color .2s}.rail-see-all:hover{color:var(--accent)}.rail-scroll{display:flex;gap:var(--rail-gap);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.rail-scroll::-webkit-scrollbar{display:none}.rail-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:80%;display:flex;align-items:center;justify-content:center;background:#0a0a0fb3;color:var(--text-primary);z-index:5;opacity:0;transition:opacity .3s}.rail:hover .rail-arrow{opacity:1}.rail-arrow:hover{background:#0a0a0fe6}.rail-arrow.left{left:0;border-radius:0 4px 4px 0}.rail-arrow.right{right:0;border-radius:4px 0 0 4px}.rail-arrow svg{width:24px;height:24px}.content-card{flex-shrink:0;width:230px;scroll-snap-align:start;position:relative;border-radius:var(--card-radius);overflow:hidden;transition:transform .35s var(--ease-out),z-index 0s .35s;cursor:pointer}.content-card:hover{transform:scale(1.3);z-index:10;transition:transform .35s var(--ease-out),z-index 0s 0s}.content-card:first-child:hover{transform-origin:left center}.content-card:last-child:hover{transform-origin:right center}.card-img{width:100%;aspect-ratio:16/9;background:var(--bg-card);object-fit:cover;border-radius:var(--card-radius)}.card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff26}.card-progress-bar{height:100%;background:var(--accent);border-radius:0 2px 2px 0}.card-hover-info{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 12px;background:linear-gradient(to top,var(--bg-card) 60%,transparent 100%);opacity:0;transform:translateY(8px);transition:all .3s var(--ease-out);border-radius:0 0 var(--card-radius) var(--card-radius)}.content-card:hover .card-hover-info{opacity:1;transform:translateY(0)}.card-hover-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-hover-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);margin-bottom:8px}.card-hover-meta .match{color:var(--accent-teal);font-weight:600}.card-hover-actions{display:flex;gap:6px}.card-action-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .2s;background:#0a0a0f99}.card-action-btn:hover{border-color:var(--text-primary);background:#ffffff1a}.card-action-btn.play-btn{background:var(--text-primary);border-color:var(--text-primary)}.card-action-btn.play-btn svg{color:var(--bg-primary)}.card-action-btn svg{width:14px;height:14px}.top10-card{flex-shrink:0;width:230px;height:180px;display:flex;align-items:center;scroll-snap-align:start;cursor:pointer;position:relative}.top10-number{font-family:var(--font-display);font-size:140px;font-weight:800;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);margin-right:-30px;-webkit-user-select:none;user-select:none;z-index:0}.top10-thumb{width:130px;height:170px;border-radius:var(--card-radius);object-fit:cover;z-index:1;box-shadow:0 4px 16px #00000080}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{width:100%;max-width:850px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 24px 80px #0009;animation:modalSlideUp .4s var(--ease-out)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0a0a0fb3;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.modal-close:hover{background:#0a0a0fe6}.modal-close svg{width:18px;height:18px}.modal-hero{position:relative;width:100%;aspect-ratio:16/9}.modal-hero img{width:100%;height:100%;object-fit:cover}.modal-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--bg-secondary),transparent)}.modal-hero-content{position:absolute;bottom:24px;left:32px;z-index:2}.modal-hero-title{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.modal-hero-actions{display:flex;gap:8px}.modal-body{padding:24px 32px 32px}.modal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.modal-left .modal-meta{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-left .modal-meta .match{color:var(--accent-teal);font-weight:600}.modal-left .modal-synopsis{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.modal-right{font-size:13px;color:var(--text-muted)}.modal-right p{margin-bottom:8px}.modal-right span{color:var(--text-secondary)}.star-rating{display:flex;gap:4px;margin-bottom:16px}.star-rating .star{width:28px;height:28px;cursor:pointer;color:var(--text-muted);transition:color .15s,transform .15s}.star-rating .star:hover{transform:scale(1.2)}.star-rating .star.filled{color:var(--accent-gold)}.star-rating .star.hovered{color:var(--accent-gold);opacity:.8}.rating-info{font-size:13px;color:var(--text-muted);margin-bottom:16px}.episodes-section{padding:24px 32px;border-top:1px solid var(--border)}.episodes-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:4px}.season-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:14px;margin-bottom:16px}.episode-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;border-radius:4px}.episode-row:hover{background:#ffffff08}.episode-num{font-size:22px;font-weight:700;color:var(--text-muted);width:32px;text-align:center}.episode-thumb{width:130px;aspect-ratio:16/9;border-radius:4px;object-fit:cover;background:var(--bg-card);position:relative;overflow:hidden}.episode-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s}.episode-row:hover .episode-play-icon{opacity:1}.episode-info{flex:1}.episode-info h4{font-size:15px;font-weight:600;margin-bottom:4px}.episode-info .ep-duration{font-size:13px;color:var(--text-muted);margin-bottom:4px}.episode-info p{font-size:13px;color:var(--text-muted);line-height:1.4}.player-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:5000;display:flex;align-items:center;justify-content:center}.player-video{width:100%;height:100%;object-fit:contain}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .3s;cursor:default}.player-fullscreen:hover .player-overlay,.player-overlay.visible{opacity:1}.player-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.player-back-btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.player-back-btn svg{width:24px;height:24px}.player-title-bar{font-family:var(--font-display);font-size:16px;font-weight:700}.player-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:all .2s}.player-center-play:hover{background:#ffffff4d;transform:translate(-50%,-50%) scale(1.1)}.player-center-play svg{width:32px;height:32px;margin-left:4px}.player-bottom-bar{padding:0 24px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.player-progress{width:100%;height:4px;background:#fff3;border-radius:2px;cursor:pointer;margin-bottom:12px;position:relative}.player-progress:hover{height:6px}.player-progress-fill{height:100%;background:var(--accent);border-radius:2px;position:relative}.player-progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s}.player-progress:hover .player-progress-fill:after{opacity:1}.player-controls{display:flex;align-items:center;justify-content:space-between}.player-controls-left,.player-controls-right{display:flex;align-items:center;gap:16px}.player-ctrl-btn{color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:opacity .15s}.player-ctrl-btn:hover{opacity:.75}.player-ctrl-btn svg{width:24px;height:24px}.player-time{font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.skip-intro-btn{position:absolute;bottom:100px;right:24px;padding:8px 24px;background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:4px;font-size:15px;font-weight:600;color:var(--text-primary);transition:background .2s;z-index:10}.skip-intro-btn:hover{background:#ffffff40}.next-episode-overlay{position:absolute;bottom:100px;right:24px;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-hover);border-radius:8px;padding:16px;max-width:320px;z-index:10;animation:fadeIn .3s ease}.next-ep-label{font-size:12px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.1em}.next-ep-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:12px}.next-ep-btn{padding:8px 20px;background:var(--text-primary);color:var(--bg-primary);border-radius:4px;font-weight:600;transition:opacity .2s}.next-ep-btn:hover{opacity:.85}.next-ep-countdown{font-size:12px;color:var(--text-muted);margin-top:8px}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:3000;padding:var(--nav-height) 4% 40px;overflow-y:auto;animation:fadeIn .25s ease}.search-input-wrap{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--text-primary);padding-bottom:8px;margin-bottom:32px;max-width:600px}.search-input-wrap svg{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;font-size:24px;color:var(--text-primary);font-family:var(--font-display);font-weight:600}.search-input::placeholder{color:var(--text-muted)}.search-close{font-size:14px;color:var(--text-muted);cursor:pointer;transition:color .2s}.search-close:hover{color:var(--text-primary)}.search-trending h3,.search-results h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text-secondary)}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.search-result-card{border-radius:var(--card-radius);overflow:hidden;cursor:pointer;transition:transform .2s}.search-result-card:hover{transform:scale(1.05)}.search-result-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-card)}.search-result-title{padding:8px;font-size:13px;font-weight:600;background:var(--bg-card)}.profile-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4000;animation:fadeIn .4s ease}.profile-gate h2{font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:32px}.profiles-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s}.profile-tile:hover{opacity:1;transform:scale(1.05)}.profile-tile-avatar{width:120px;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;border:3px solid transparent;transition:border-color .2s}.profile-tile:hover .profile-tile-avatar{border-color:var(--text-primary)}.profile-tile-avatar.kids{background:linear-gradient(135deg,#00c9a7,#00e676)}.profile-tile-name{font-size:16px;color:var(--text-secondary)}.profile-add-btn{width:120px;height:120px;border-radius:8px;border:2px dashed var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-muted);transition:border-color .2s,color .2s}.profile-add-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(ellipse at top,rgba(0,200,83,.08),transparent 60%),var(--bg-primary)}.auth-box{width:100%;max-width:420px;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:12px;padding:48px 40px;animation:modalSlideUp .4s var(--ease-out)}.auth-logo{font-family:var(--font-display);font-size:32px;font-weight:800;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:8px}.auth-sub{color:var(--text-muted);font-size:14px;margin-bottom:28px}.auth-field{margin-bottom:20px}.auth-field label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.auth-field input{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s}.auth-field input:focus{border-color:var(--accent)}.auth-submit{width:100%;padding:14px;background:var(--accent);border-radius:6px;font-size:16px;font-weight:700;color:#fff;transition:background .2s;margin-top:8px}.auth-submit:hover{background:var(--accent-hover)}.auth-switch{text-align:center;margin-top:24px;font-size:14px;color:var(--text-muted)}.auth-switch a{color:var(--text-primary);font-weight:600;cursor:pointer}.auth-error{background:#00c8531a;border:1px solid rgba(0,200,83,.3);border-radius:6px;padding:10px 14px;font-size:13px;color:var(--accent);margin-bottom:16px}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:400% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--card-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{width:230px;aspect-ratio:16/9;flex-shrink:0}.skeleton-billboard{width:100%;height:85vh}.kids-banner{position:fixed;top:var(--nav-height);left:0;right:0;background:linear-gradient(90deg,#00c9a7,#00e676);padding:6px 4%;font-size:13px;font-weight:600;color:#0a0a0f;display:flex;align-items:center;justify-content:center;gap:8px;z-index:999}@media (max-width: 768px){.nav-links{display:none}.nav-logo{font-size:22px}.billboard{height:65vh;min-height:400px}.billboard-content{bottom:15%;max-width:85%}.billboard-logo{font-size:1.8rem}.billboard-synopsis{-webkit-line-clamp:2;font-size:13px}.billboard-indicators{display:none}.content-card{width:150px}.content-card:hover{transform:none}.card-hover-info,.rail-arrow{display:none}.modal-grid{grid-template-columns:1fr}.modal-body{padding:16px 20px 24px}.modal-hero-title{font-size:22px}.auth-box{padding:32px 24px}.profile-tile-avatar{width:80px;height:80px;font-size:28px}.top10-number{font-size:80px}.top10-thumb{width:90px;height:120px}.search-input{font-size:18px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#0a0a0ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);transition:color .2s}.mobile-nav-item.active{color:var(--text-primary)}.mobile-nav-item svg{width:22px;height:22px}.browse-content{padding-bottom:100px}}@media (min-width: 769px){.mobile-nav{display:none}}.landing-page{min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:100;transition:background .4s}.landing-nav.scrolled{background:#080b0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.landing-logo{height:36px;max-width:140px}.landing-logo-text{font-family:var(--font-display);font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-btn{padding:10px 24px;background:var(--accent);color:#000;font-weight:700;border-radius:4px;font-size:14px;transition:background .2s}.landing-nav-btn:hover{background:var(--accent-hover)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 5% 80px;overflow:hidden}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px;padding:4px;opacity:.25;mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 15%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 65%);animation:posterDrift 40s linear infinite}@keyframes posterDrift{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.landing-hero-bg-item{aspect-ratio:2/3;border-radius:4px;position:relative;overflow:hidden;background-size:cover;background-position:center}.landing-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at center,rgba(8,11,10,.65) 0%,transparent 70%),linear-gradient(to top,rgba(8,11,10,.95) 0%,transparent 30%),linear-gradient(to bottom,rgba(8,11,10,.6) 0%,transparent 20%)}.landing-hero-content{position:relative;z-index:2;max-width:800px;animation:heroFadeUp .8s var(--ease-out) both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-hero-logo-svg{display:block;margin:0 auto}.landing-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#00c8531a;border:1px solid rgba(0,200,83,.25);border-radius:24px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:24px}.landing-hero-eyebrow .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.landing-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-1.5px;margin-bottom:20px}.landing-hero h1 .green{color:var(--accent)}.landing-hero-sub{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:560px;margin:0 auto 36px}.landing-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-cta-primary{padding:14px 40px;background:var(--accent);color:#000;font-weight:700;font-size:16px;border-radius:4px;transition:all .2s}.landing-cta-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.landing-cta-secondary{padding:14px 40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-weight:600;font-size:16px;border-radius:4px;transition:all .2s}.landing-cta-secondary:hover{background:#ffffff26}.landing-section{padding:80px 5%}.landing-section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;text-align:center;margin-bottom:8px;letter-spacing:-.5px}.landing-section-sub{text-align:center;color:var(--text-secondary);font-size:15px;margin-bottom:48px}.landing-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto}.landing-cat-card{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease-out)}.landing-cat-card:hover{transform:scale(1.03)}.landing-cat-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-card);background-size:cover;background-position:center}.landing-cat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,11,10,.9) 0%,rgba(8,11,10,.2) 50%,transparent 100%)}.landing-cat-card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2}.landing-cat-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:4px;font-weight:600}.landing-cat-card-title{font-family:var(--font-display);font-size:22px;font-weight:700}.landing-cat-card-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.landing-feature{padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-align:center;transition:border-color .3s}.landing-feature:hover{border-color:var(--accent)}.landing-feature-icon{width:56px;height:56px;margin:0 auto 16px;background:#00c8531a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.landing-feature h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:8px}.landing-feature p{font-size:14px;color:var(--text-secondary);line-height:1.5}.landing-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}.landing-plan{padding:36px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-align:center;transition:border-color .3s,transform .3s}.landing-plan:hover{border-color:#fff3}.landing-plan.featured{border-color:var(--accent);position:relative}.landing-plan.featured:before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--accent);color:#000;font-size:11px;font-weight:700;border-radius:12px;letter-spacing:.05em}.landing-plan h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:4px}.landing-plan .price{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--accent);margin:12px 0 4px}.landing-plan .price-period{font-size:14px;color:var(--text-muted)}.landing-plan .plan-features{text-align:left;margin:20px 0;font-size:14px;color:var(--text-secondary)}.landing-plan .plan-features li{display:flex;align-items:center;gap:8px;padding:6px 0;list-style:none}.landing-plan .plan-features li:before{content:"✓";color:var(--accent);font-weight:700}.landing-plan-btn{width:100%;padding:12px;border-radius:6px;font-weight:700;font-size:15px;transition:all .2s}.landing-plan-btn.primary{background:var(--accent);color:#000}.landing-plan-btn.primary:hover{background:var(--accent-hover)}.landing-plan-btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.landing-plan-btn.secondary:hover{background:#ffffff26}.landing-final-cta{text-align:center;padding:100px 5%;background:radial-gradient(ellipse at center top,rgba(0,200,83,.06) 0%,transparent 60%)}.landing-final-cta h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px;letter-spacing:-1px}.landing-final-cta p{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.landing-footer{padding:48px 5%;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.landing-footer-brand{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent)}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{font-size:13px;color:var(--text-muted);transition:color .2s}.landing-footer-links a:hover{color:var(--text-primary)}.landing-footer-copy{font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.landing-categories{grid-template-columns:repeat(2,1fr)}.landing-features{grid-template-columns:1fr}.landing-plans{grid-template-columns:1fr;max-width:400px}.landing-hero-ctas{flex-direction:column;align-items:center}.landing-footer{flex-direction:column;text-align:center}.landing-footer-links{flex-wrap:wrap;justify-content:center}}