@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Montserrat", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary:#0064e0;--color-primary-deep:#0143b5;--color-primary-soft:#0064e01a;--color-fb-blue:#1877f2;--color-canvas:#fff;--color-surface-soft:#f5f6f8;--color-surface-subtle:#f0f2f5;--color-hairline:#ccd0d5;--color-hairline-soft:#e4e6eb;--color-ink-deep:#1c1e21;--color-ink:#242527;--color-charcoal:#4b4f56;--color-slate:#65676b;--color-steel:#8a8d91;--color-stone:#b0b3b8;--color-success:#31a24c;--color-attention:#ff7a00;--color-warning:#f7b928;--color-critical:#fa383e;--color-critical-strong:#d93025;--rounded-xs:2px;--rounded-sm:4px;--rounded-md:6px;--rounded-lg:8px;--rounded-xl:16px;--rounded-xxl:24px;--rounded-xxxl:32px;--rounded-feature:40px;--rounded-full:100px;--rounded-circle:50%;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:10px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-section-sm:48px;--spacing-section:64px;--elevation-0:none;--elevation-1:0 1px 3px #00000014;--elevation-2:0 4px 16px #14161a14;--elevation-modal:0 12px 48px #14161a29;--transition-fast:all .15s ease-out;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-canvas);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.16px;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-ink-deep);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button,input{outline:none;font-family:inherit}.container{max-width:1280px;padding:0 var(--spacing-xl);margin:0 auto}.promo-banner{background-color:var(--color-ink-deep);color:var(--color-canvas);padding:var(--spacing-xs) var(--spacing-base);letter-spacing:-.14px;justify-content:center;align-items:center;gap:var(--spacing-xs);text-align:center;font-size:12px;font-weight:600;display:flex}.promo-banner .badge-pill{background-color:var(--color-warning);color:var(--color-ink-deep);border-radius:var(--rounded-full);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.navbar{z-index:900;background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);align-items:center;height:60px;display:flex;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;gap:var(--spacing-base);width:100%;display:flex}.navbar-brand{font-family:var(--font-display);color:var(--color-ink-deep);letter-spacing:-.5px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.navbar-brand .brand-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--rounded-full);padding:2px 7px;font-size:.7rem;font-weight:700}.navbar-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.user-pill{background-color:var(--color-surface-soft);border-radius:var(--rounded-full);border:1px solid var(--color-hairline-soft);align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.user-avatar-circle{border-radius:var(--rounded-circle);object-fit:cover;flex-shrink:0;width:26px;height:26px}.user-avatar-fallback{border-radius:var(--rounded-circle);background-color:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.user-name-text{color:var(--color-ink-deep);white-space:nowrap;font-size:13px;font-weight:600}.subnav-tabs-bar{z-index:850;background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);padding:10px 0;position:sticky;top:60px}.subnav-flex-container{justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.segmented-control{background-color:var(--color-surface-subtle);border-radius:var(--rounded-full);border:1px solid var(--color-hairline-soft);width:100%;max-width:440px;padding:4px;display:flex}.segmented-btn{color:var(--color-charcoal);letter-spacing:-.14px;border-radius:var(--rounded-full);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);text-align:center;background-color:#0000;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:flex}.segmented-btn:hover{color:var(--color-ink-deep)}.segmented-btn.active{background-color:var(--color-ink-deep);color:var(--color-canvas);box-shadow:0 2px 8px #1c1e2126}.lang-pref-pill-btn{background-color:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-ink-deep);border-radius:var(--rounded-full);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.lang-pref-pill-btn:hover{background-color:var(--color-surface-soft);border-color:var(--color-primary);color:var(--color-primary)}.button-primary{background-color:var(--color-ink-deep);color:var(--color-canvas);letter-spacing:-.14px;border-radius:var(--rounded-full);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:700;display:inline-flex}.button-primary:hover:not(:disabled){background-color:var(--color-charcoal)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{color:var(--color-ink-deep);border:2px solid var(--color-ink-deep);letter-spacing:-.14px;border-radius:var(--rounded-full);cursor:pointer;transition:var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex}.button-secondary:hover{background-color:var(--color-surface-soft)}.button-ghost{color:var(--color-slate);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-full);cursor:pointer;transition:var(--transition-fast);background-color:#0000;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.button-ghost:hover{background-color:var(--color-surface-soft);color:var(--color-ink-deep)}.hero-band-marketing{background-color:var(--color-surface-soft);border-radius:var(--rounded-xxxl);padding:var(--spacing-xxl);margin-top:var(--spacing-base);margin-bottom:var(--spacing-xl);border:1px solid var(--color-hairline-soft)}.hero-content{max-width:680px}.hero-pill-tag{background-color:var(--color-canvas);color:var(--color-primary);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-full);margin-bottom:var(--spacing-base);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{color:var(--color-ink-deep);letter-spacing:-.8px;margin-bottom:var(--spacing-base);font-size:38px;font-weight:600;line-height:1.16}.hero-subtitle{color:var(--color-charcoal);margin-bottom:var(--spacing-lg);font-size:16px;font-weight:300;line-height:1.45}.hero-actions{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.search-section{margin-bottom:var(--spacing-xxl)}.search-pill-wrapper{width:100%;max-width:720px;margin:0 auto;position:relative}.search-pill-input{background-color:var(--color-surface-subtle);border:1px solid var(--color-hairline);border-radius:var(--rounded-full);width:100%;height:50px;color:var(--color-ink-deep);letter-spacing:-.16px;transition:var(--transition-fast);padding:0 52px 0 48px;font-size:15px}.search-pill-input:focus{background-color:var(--color-canvas);border-color:var(--color-primary);box-shadow:0 0 0 3px #0064e026}.search-pill-input::placeholder{color:var(--color-steel);font-size:14px}.search-pill-icon{color:var(--color-slate);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-clear-btn{color:var(--color-slate);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.section-header{margin-bottom:var(--spacing-lg)}.section-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.section-title{letter-spacing:-.5px;color:var(--color-ink-deep);font-size:26px;font-weight:600}.count-pill-badge{background-color:var(--color-surface-soft);color:var(--color-charcoal);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-full);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:700}.section-subtitle{color:var(--color-slate);font-size:14px}.movies-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.card-product-feature{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-xxxl);transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.card-product-feature:hover{box-shadow:var(--elevation-2);border-color:#d0d4dc}.card-poster-wrapper{aspect-ratio:2/3;background-color:var(--color-surface-soft);cursor:pointer;width:100%;position:relative;overflow:hidden}.card-poster-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-product-feature:hover .card-poster-img{transform:scale(1.03)}.card-badge-rating{border-radius:var(--rounded-full);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000040}.card-badge-rating.badge-down{color:var(--color-critical);background-color:#ffebe8;border:1px solid #fa383e4d}.card-badge-rating.badge-like{color:var(--color-primary);background-color:#e7f3ff;border:1px solid #0064e04d}.card-badge-rating.badge-love{background-color:var(--color-primary);color:#fff;border:1px solid #fff6}.card-content{padding:var(--spacing-base);flex-direction:column;flex-grow:1;display:flex}.card-title{color:var(--color-ink-deep);letter-spacing:-.2px;cursor:pointer;margin-bottom:4px;font-size:17px;font-weight:700;line-height:1.3}.card-title:hover{color:var(--color-primary)}.card-meta{color:var(--color-slate);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.card-overview{color:var(--color-charcoal);-webkit-line-clamp:2;margin-bottom:var(--spacing-base);-webkit-box-orient:vertical;flex-grow:1;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.rating-pill-group{padding-top:var(--spacing-sm);border-top:1px solid var(--color-hairline-soft);grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.rating-pill-btn{background-color:var(--color-surface-soft);color:var(--color-charcoal);border-radius:var(--rounded-full);letter-spacing:-.14px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:700;display:flex}.rating-pill-btn:hover{background-color:var(--color-hairline-soft);color:var(--color-ink-deep)}.rating-pill-btn.active-down{color:var(--color-critical);border-color:var(--color-critical);background-color:#fff0f0}.rating-pill-btn.active-like{color:var(--color-primary);border-color:var(--color-primary);background-color:#ebf5ff}.rating-pill-btn.active-love{background-color:var(--color-primary);color:var(--color-canvas);border-color:var(--color-primary-deep)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;padding:var(--spacing-base);background-color:#14161a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{background-color:var(--color-canvas);border-radius:var(--rounded-xxxl);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--elevation-modal);border:1px solid var(--color-hairline-soft);animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}.modal-close-btn{border-radius:var(--rounded-circle);background-color:var(--color-surface-soft);border:1px solid var(--color-hairline-soft);width:36px;height:36px;color:var(--color-ink);cursor:pointer;z-index:10;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background-color:var(--color-hairline)}.modal-grid{grid-template-columns:280px 1fr;display:grid}.modal-poster-col{background-color:var(--color-surface-soft)}.modal-poster-img{object-fit:cover;width:100%;height:100%;display:block}.modal-info-col{padding:var(--spacing-xl);flex-direction:column;display:flex}.modal-movie-title{color:var(--color-ink-deep);letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:700}.modal-meta-row{color:var(--color-slate);margin-bottom:var(--spacing-base);align-items:center;gap:10px;font-size:13px;display:flex}.modal-section-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--color-steel);margin-bottom:8px;font-size:13px;font-weight:700}.modal-overview-text{color:var(--color-charcoal);margin-bottom:var(--spacing-lg);font-size:14px;line-height:1.55}.modal-actors-list{margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:6px;display:flex}.actor-pill-tag{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline-soft);color:var(--color-charcoal);border-radius:var(--rounded-full);align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.lang-modal-sheet{max-width:520px;padding:var(--spacing-xxl) var(--spacing-xl);border-radius:var(--rounded-xxxl)}.lang-modal-header{text-align:center;margin-bottom:var(--spacing-xl)}.lang-modal-title{color:var(--color-ink-deep);letter-spacing:-.5px;margin-bottom:6px;font-size:24px;font-weight:700}.lang-modal-desc{color:var(--color-slate);margin-bottom:12px;font-size:14px;line-height:1.45}.lang-counter-badge{background-color:var(--color-surface-soft);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-full);color:var(--color-charcoal);padding:4px 14px;font-size:12px;display:inline-block}.lang-counter-badge strong{color:var(--color-primary)}.lang-grid{margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lang-option-pill{border-radius:var(--rounded-full);border:1px solid var(--color-hairline);background-color:var(--color-canvas);cursor:pointer;transition:var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.lang-option-pill:hover:not(.disabled){border-color:var(--color-primary);background-color:var(--color-surface-soft)}.lang-option-pill.selected{border-color:var(--color-primary);background-color:#e7f3ff}.lang-option-pill.selected .lang-name{color:var(--color-primary);font-weight:700}.lang-option-pill.disabled{opacity:.4;cursor:not-allowed}.lang-pill-info{flex-direction:column;gap:1px;display:flex}.lang-name{color:var(--color-ink-deep);font-size:13px;font-weight:600}.lang-native{color:var(--color-steel);font-size:11px}.lang-check-icon{color:var(--color-primary);flex-shrink:0}.lang-modal-actions{justify-content:center;display:flex}.login-page-wrapper{background-color:var(--color-surface-soft);min-height:100vh;padding:var(--spacing-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-box-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline-soft);border-radius:var(--rounded-xxxl);padding:var(--spacing-xxl) var(--spacing-xl);width:100%;max-width:420px;box-shadow:var(--elevation-2);text-align:center}.login-brand-logo{font-family:var(--font-display);color:var(--color-ink-deep);margin-bottom:var(--spacing-base);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:inline-flex}.login-headline{letter-spacing:-.5px;color:var(--color-ink-deep);margin-bottom:8px;font-size:22px;font-weight:600}.login-subtext{color:var(--color-slate);margin-bottom:var(--spacing-lg);font-size:14px;line-height:1.45}.google-mount-wrapper{margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.login-divider{color:var(--color-steel);text-transform:uppercase;letter-spacing:.5px;margin:var(--spacing-md) 0;align-items:center;font-size:11px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--color-hairline-soft);flex:1}.login-divider:before{margin-right:10px}.login-divider:after{margin-left:10px}.form-field-group{text-align:left;margin-bottom:var(--spacing-sm)}.form-field-label{color:var(--color-ink);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-field-input{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);width:100%;height:42px;color:var(--color-ink-deep);transition:var(--transition-fast);padding:0 12px;font-size:14px}.form-field-input:focus{border-color:var(--color-fb-blue);box-shadow:0 0 0 2px #1877f233}.spinner-circle{border:3px solid var(--color-hairline-soft);border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;margin:0 auto 12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.container{padding:0 var(--spacing-base)}.navbar{height:56px}.subnav-tabs-bar{padding:8px 0;top:56px}.subnav-flex-container{flex-direction:column;gap:8px;width:100%}.segmented-control{width:100%}.segmented-btn{padding:8px 12px;font-size:13px}.lang-pref-pill-btn{justify-content:center;width:100%;padding:7px 14px}.lang-grid{grid-template-columns:1fr}.hero-band-marketing{padding:var(--spacing-base);border-radius:var(--rounded-xl);margin-top:var(--spacing-xs)}.hero-title{margin-bottom:var(--spacing-xs);font-size:26px}.hero-subtitle{margin-bottom:var(--spacing-base);font-size:14px}.hero-actions{flex-direction:column;gap:8px;width:100%}.hero-actions .button-primary,.hero-actions .button-secondary{justify-content:center;width:100%}.movies-grid{gap:var(--spacing-base);grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr}.modal-poster-col{max-height:280px}.modal-info-col{padding:var(--spacing-base)}}@media (width<=480px){.user-name-text,.logout-label{display:none}.button-ghost.logout-btn{border-radius:var(--rounded-circle);padding:6px}.navbar-brand{font-size:1.1rem}.section-title{font-size:22px}}