@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--brand-primary: #ff5f6d;--brand-secondary: #ffc371;--brand-tertiary: #7f53ac;--surface-dark: #0b0c10;--surface-darker: rgba(8, 9, 16, .72);--surface-light: rgba(255, 255, 255, .92);--text-primary: #f7f8fa;--text-secondary: #a8b0c3;--accent: #4fd1c5;--danger: #ff6b6b;--header-height: 80px;--header-height-mobile: 180px;--max-width: 1200px;--glass-border: 1px solid rgba(255, 255, 255, .12);--transition: all .25s ease;--shadow-soft: 0 20px 60px -20px rgba(15, 23, 42, .55);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .05)}a{text-decoration:none;color:inherit}body{min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(127,83,172,.35) 0%,transparent 55%),radial-gradient(circle at 90% 10%,rgba(79,209,197,.25) 0%,transparent 50%),linear-gradient(160deg,#05060f 0%,#0b1220 45%,#05060f 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}img{max-width:100%;display:block}button{font:inherit}.app-header{position:sticky;top:0;width:100%;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:var(--transition)}.app-header--dark{background:rgba(5,6,15,.72);color:var(--text-primary);border-bottom:var(--glass-border);box-shadow:var(--shadow-inner)}.app-header--light{background:rgba(255,255,255,.85);color:#161821;border-bottom:1px solid rgba(20,20,40,.08);box-shadow:0 12px 40px -24px #14142873}.app-header__inner{margin:0 auto;padding:20px clamp(1.5rem,3vw,3.5rem);max-width:calc(var(--max-width) + 6rem);display:flex;align-items:center;gap:clamp(1.25rem,3vw,2.5rem)}.app-header__brand{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.app-header__brand span{background:linear-gradient(120deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;color:transparent}.app-header__search{position:relative;flex:1;display:flex;align-items:center;padding:0 1rem 0 2.75rem;height:52px;border-radius:18px;background:rgba(255,255,255,.05);border:var(--glass-border);transition:var(--transition)}.app-header--light .app-header__search{background:rgba(255,255,255,.7);border:1px solid rgba(31,41,55,.08)}.app-header__search.is-focused{border-color:#fff6;box-shadow:0 0 0 4px #7f53ac2e}.app-header__search-icon{position:absolute;left:1rem;font-size:1.25rem;opacity:.65}.app-header__search-input{width:100%;background:transparent;border:none;color:inherit;font-size:.95rem}.app-header__search-input::placeholder{color:var(--text-secondary)}.app-header__search-input:focus{outline:none}.app-header__search-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:100%;max-height:360px;overflow-y:auto;background:rgba(10,12,24,.95);border-radius:18px;padding:10px;border:var(--glass-border);box-shadow:var(--shadow-soft)}.app-header--light .app-header__search-dropdown{background:rgba(255,255,255,.96);border:1px solid rgba(20,20,40,.08)}.search-result{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:10px 12px;border-radius:14px;transition:var(--transition);align-items:center;color:inherit}.search-result:hover{background:rgba(127,83,172,.18);transform:translateY(-2px)}.app-header--light .search-result:hover{background:rgba(127,83,172,.12)}.search-result__poster{width:72px;height:48px;object-fit:cover;border-radius:10px;box-shadow:0 12px 24px -16px #0009}.search-result__meta{display:flex;flex-direction:column;gap:4px}.search-result__title{font-size:.9rem;font-weight:600;letter-spacing:.01em}.search-result__year{font-size:.75rem;color:var(--text-secondary)}.app-header__search-status{padding:14px;font-size:.85rem;color:var(--text-secondary)}.theme-toggle-button{display:inline-flex;align-items:center;gap:.65rem;border-radius:999px;border:none;padding:.65rem 1.25rem;background:linear-gradient(120deg,rgba(127,83,172,.2),rgba(79,209,197,.2));color:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.theme-toggle-button:hover{background:linear-gradient(120deg,rgba(127,83,172,.3),rgba(79,209,197,.3));transform:translateY(-1px)}.theme-toggle-button__icon{font-size:1.3rem;display:grid;place-items:center}.theme-toggle-button__label{font-size:.85rem;font-weight:600;letter-spacing:.02em}@media (max-width: 768px){.app-header__inner{flex-wrap:wrap;justify-content:center}.app-header__search{order:3;flex-basis:100%;margin-top:12px}.theme-toggle-button{order:2}}@media (max-width: 520px){.app-header__inner{padding:16px 1.25rem}.theme-toggle-button__label{display:none}.theme-toggle-button{padding:.55rem .75rem}}.movie-card{position:relative;display:block;color:inherit;text-decoration:none}.movie-card__frame{position:relative;height:var(--card-height);width:var(--card-width);border-radius:var(--card-radius);overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;transition:var(--transition);box-shadow:0 22px 42px -26px #0f172ae6}.movie-card__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);opacity:0;transition:var(--transition)}.movie-card:hover .movie-card__frame{transform:translateY(-8px) scale(1.02)}.movie-card:hover .movie-card__frame:after{opacity:1}.movie-card__top{display:flex;justify-content:flex-end}.movie-card__bottom{display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,rgba(8,10,24,0) 0%,rgba(8,10,24,.88) 90%);margin:auto -18px -18px;padding:24px 18px 20px;border-radius:0 0 var(--card-radius) var(--card-radius)}.movie-card__title{font-weight:700;font-size:1rem;letter-spacing:.01em}.movie-card__subtitle{font-size:.85rem;color:var(--text-secondary)}.movie-card--compact{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:14px 18px;border-radius:20px;background:rgba(10,12,24,.6);border:var(--glass-border);transition:var(--transition)}.movie-card--compact:hover{transform:translateY(-4px);background:rgba(10,12,24,.75)}.movie-card__thumb img{width:72px;height:72px;object-fit:cover;border-radius:16px;box-shadow:0 12px 24px -16px #000c}.movie-card__compact-body{display:flex;flex-direction:column;gap:6px}.movie-card__badge{align-self:flex-start;padding:.3rem .7rem;border-radius:999px;background:rgba(127,83,172,.24);font-size:.75rem;font-weight:600}.homepage--light .movie-card--compact{background:rgba(255,255,255,.9);border:1px solid rgba(20,20,40,.08)}.homepage--light .movie-card--compact:hover{background:rgba(255,255,255,1)}.popular{display:flex;flex-direction:column;gap:32px;padding:clamp(1.5rem,3vw,2rem);background:rgba(10,12,24,.55);border-radius:32px;border:var(--glass-border);box-shadow:var(--shadow-soft)}.homepage--light .popular{background:rgba(255,255,255,.92);border:1px solid rgba(20,20,40,.08)}.popular__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.popular__eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:.65rem;color:var(--text-secondary)}.popular__title{font-size:clamp(1.6rem,3vw,2.2rem);font-family:Space Grotesk,Inter,sans-serif}.popular__description{max-width:480px;color:var(--text-secondary);font-size:.9rem}.homepage--light .popular__description{color:#111827a6}.popular__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.popular__pagination{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.popular__page{padding:.55rem 1.1rem;border-radius:999px;border:none;cursor:pointer;background:rgba(127,83,172,.18);color:inherit;font-weight:600;letter-spacing:.03em;transition:var(--transition)}.popular__page:hover{transform:translateY(-2px);background:rgba(127,83,172,.28)}.popular__page.is-active{background:linear-gradient(120deg,var(--brand-primary),var(--brand-secondary));color:#111118}@media (max-width: 768px){.popular__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.hero{position:relative;width:100%;min-height:clamp(420px,70vh,620px);display:flex;align-items:stretch}.hero__backdrop{position:relative;flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0 0 40px 40px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:clamp(3rem,5vw,6rem) clamp(2rem,6vw,6rem);box-shadow:inset 0 -60px 120px #05060fd9}.hero__content{max-width:620px;display:flex;flex-direction:column;gap:18px;animation:heroFade .6s ease forwards}.hero__eyebrow{text-transform:uppercase;letter-spacing:.45em;font-size:.7rem;color:#fff9}.hero__title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}.hero__description{font-size:1rem;color:#ffffffc7;max-width:58ch}.hero__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero__chip{padding:.4rem .85rem;border-radius:999px;background:rgba(127,83,172,.3);border:var(--glass-border);font-weight:600;font-size:.85rem}.hero__rating{display:inline-flex;align-items:center;gap:8px;padding:.35rem .75rem;border-radius:999px;background:rgba(255,255,255,.08);border:var(--glass-border)}.hero__rating-score{font-weight:600;font-size:.9rem}.hero__cta{align-self:flex-start;padding:.85rem 1.85rem;border-radius:999px;background:linear-gradient(120deg,var(--brand-primary),var(--brand-secondary));color:#111118;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;transition:var(--transition);box-shadow:0 18px 38px -18px #ff6384b8}.hero__cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 26px 48px -18px #ff6384d1}.hero__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;display:grid;place-items:center;background:rgba(8,9,16,.55);color:var(--text-primary);cursor:pointer;transition:var(--transition);z-index:2}.hero__nav svg{font-size:1.8rem}.hero__nav:hover{background:rgba(8,9,16,.85);transform:translateY(-50%) scale(1.05)}.hero__nav--left{left:clamp(1rem,4vw,3rem)}.hero__nav--right{right:clamp(1rem,4vw,3rem)}@keyframes heroFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero__backdrop{border-radius:0 0 30px 30px;padding:3.5rem clamp(1.5rem,6vw,4rem)}.hero__nav{width:44px;height:44px}}@media (max-width: 600px){.hero__backdrop{padding:3rem 1.5rem 3.5rem;border-radius:0 0 24px 24px}.hero__description{font-size:.9rem}.hero__nav{top:auto;bottom:18px;transform:none}.hero__nav--left{left:16px}.hero__nav--right{right:16px}}.genre-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;color:#ffffffbf}.genre-container span{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;background:rgba(127,83,172,.28);border:var(--glass-border);font-size:.75rem;letter-spacing:.01em}.genre-container--details span{background:rgba(255,255,255,.08)}.homepage--light .genre-container{color:#333b53}.homepage--light .genre-container span,.app-header--light .genre-container span{background:rgba(127,83,172,.12);border:1px solid rgba(127,83,172,.22)}.top-rated{display:flex;flex-direction:column;gap:18px;padding:clamp(1.25rem,3vw,1.75rem);background:rgba(8,10,24,.55);border-radius:28px;border:var(--glass-border);box-shadow:var(--shadow-soft)}.homepage--light .top-rated{background:rgba(255,255,255,.92);border:1px solid rgba(20,20,40,.08)}.top-rated__header{display:flex;flex-direction:column;gap:6px}.top-rated__eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:.62rem;color:var(--text-secondary)}.top-rated__title{font-size:clamp(1.35rem,2.4vw,1.75rem);font-family:Space Grotesk,Inter,sans-serif}.top-rated__description{font-size:.85rem;color:var(--text-secondary)}.homepage--light .top-rated__description{color:#111827a6}.top-rated__list{display:flex;flex-direction:column;gap:12px}.homepage{padding-top:var(--header-height);min-height:100vh}.homepage--dark{color:var(--text-primary)}.homepage--light{background:linear-gradient(150deg,rgba(255,255,255,.9) 0%,rgba(244,246,255,.82) 100%);color:#12131a}.homepage__content{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:32px;margin:0 auto;padding:48px clamp(1.5rem,4vw,4rem) 64px;max-width:calc(var(--max-width) + 6rem);width:100%}.homepage__main,.homepage__sidebar{display:flex;flex-direction:column;gap:24px}@media (max-width: 1024px){.homepage__content{grid-template-columns:1fr}.homepage__sidebar{order:-1}}@media (max-width: 600px){.homepage{padding-top:var(--header-height-mobile)}.homepage__content{padding:32px 1.25rem 56px}}.app-footer{margin-top:80px;padding:48px 24px 64px;text-align:center;transition:var(--transition)}.app-footer--dark{background:linear-gradient(180deg,rgba(8,10,24,0) 0%,rgba(8,10,24,.85) 100%);color:var(--text-primary)}.app-footer--light{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(238,240,255,.95) 100%);color:#12131a}.app-footer__inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;font-size:.9rem;color:var(--text-secondary)}.app-footer--light .app-footer__inner{color:#111827a6}.app-footer__tagline{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.details{margin-top:var(--header-height);min-height:100vh;display:flex;flex-direction:column;gap:48px}.details--dark{color:var(--text-primary)}.details--light{background:linear-gradient(160deg,rgba(255,255,255,.92) 0%,rgba(240,242,255,.85) 100%);color:#111118}.details__trailer{position:relative;width:100%;padding-top:56.25%;border-radius:0 0 32px 32px;overflow:hidden;box-shadow:0 40px 90px -45px #0f172a8c}.details__player{position:absolute!important;top:0;left:0}.details__trailer-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(120deg,rgba(127,83,172,.25),rgba(79,209,197,.2));font-size:1.05rem;color:var(--text-primary);padding:1.5rem;text-align:center}.details__content{max-width:calc(var(--max-width) + 6rem);width:100%;margin:0 auto 80px;padding:0 clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column;gap:40px}.details__header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.details__eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:.65rem;color:var(--text-secondary)}.details__title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,4vw,3rem)}.details__tagline{font-size:1rem;color:var(--text-secondary);margin-top:8px}.details__rating{display:flex;align-items:center;gap:10px;padding:.6rem 1rem;border-radius:999px;background:rgba(10,12,24,.65);border:var(--glass-border)}.details--light .details__rating{background:rgba(255,255,255,.9);border:1px solid rgba(20,20,40,.08)}.details__rating-score{font-weight:600}.details__info{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:clamp(1.5rem,4vw,3rem)}.details__poster{width:100%;border-radius:24px;box-shadow:0 22px 42px -26px #0f172ae6}.details__meta{display:flex;flex-direction:column;gap:18px;font-size:.98rem;line-height:1.6}.details__facts{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:.85rem;color:var(--text-secondary)}.details__reviews{display:flex;flex-direction:column;gap:20px;padding:clamp(1.5rem,3vw,2.5rem);background:rgba(10,12,24,.55);border-radius:28px;border:var(--glass-border);box-shadow:var(--shadow-soft)}.details--light .details__reviews{background:rgba(255,255,255,.92);border:1px solid rgba(20,20,40,.08)}.details__reviews-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.details__reviews-list{display:flex;flex-direction:column;gap:16px}.details__reviews-toggle{align-self:center;padding:.75rem 1.6rem;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(120deg,rgba(127,83,172,.28),rgba(79,209,197,.28));color:inherit;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:var(--transition)}.details__reviews-toggle:hover{transform:translateY(-2px);background:linear-gradient(120deg,rgba(127,83,172,.35),rgba(79,209,197,.35))}@media (max-width: 900px){.details__info{grid-template-columns:1fr}.details__poster{max-width:260px}}@media (max-width: 600px){.details{margin-top:var(--header-height-mobile)}.details__trailer{border-radius:0 0 24px 24px}.details__header{flex-direction:column;align-items:flex-start}}.review-card{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:20px;padding:20px;border-radius:24px;background:rgba(12,14,28,.6);border:var(--glass-border);box-shadow:var(--shadow-soft)}.review-card__avatar{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary);font-size:.85rem}.review-card__avatar img,.review-card__avatar svg{width:54px;height:54px;border-radius:50%;object-fit:cover;background:rgba(127,83,172,.35);padding:6px}.review-card__content{display:flex;flex-direction:column;gap:12px;color:#ffffffd9;line-height:1.6}.review-card__toggle{align-self:flex-start;background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.details--light .review-card{background:rgba(255,255,255,.9);border:1px solid rgba(20,20,40,.08)}.details--light .review-card__content{color:#111827cc}@media (max-width: 640px){.review-card{grid-template-columns:1fr;text-align:center}.review-card__avatar{flex-direction:row;justify-content:center}.review-card__toggle{align-self:center}}