:root{--color-bg: #050d24;--color-surface: #0b1a3f;--color-surface-2: #12275a;--color-primary: #335efc;--color-accent: #09317f;--color-blue-300: #20a9ff;--color-blue-100: #afdffe;--color-white: #fff;--color-text: #e6ebf7;--color-n300: #8c8f9c;--color-n100: #c3c8d9;--color-negative: #ef4444;--gradient-caracol: linear-gradient(90deg, #335efc 0%, #09317f 50%, #335efc 100%);--font: "Montserrat", sans-serif;--radius: 8px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 14px/17px var(--font)}a{color:inherit;text-decoration:none}img{max-width:100%}.header{background:var(--gradient-caracol);color:#fff;position:sticky;top:0;z-index:10}.header__inner{max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.header__title{font-size:24px;line-height:30px;font-weight:400}.header__title em{font-style:italic;font-weight:700}.header__search{flex:1 1 200px;max-width:360px}.header__search input{width:100%;padding:8px 14px;border-radius:20px;border:0;font:400 14px var(--font)}.header__logo{height:32px}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav--account{margin-left:auto}.nav__link{padding:8px 14px;border-radius:var(--radius);color:#fff}.nav__link:hover{background:var(--color-primary)}.nav__link.active{background:#ffffffd9;color:var(--color-accent)}.nav__link--cta{border:1px solid rgba(255,255,255,.7)}.main{max-width:1400px;margin:0 auto;padding:24px;min-height:70vh}.footer{text-align:center;padding:24px;color:var(--color-n300);font-size:12px;line-height:15px}.headline{font-size:28px;line-height:32px;font-weight:600;margin:0 0 16px}.label{font-size:12px;line-height:15px;color:var(--color-blue-100);margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em}.link{color:var(--color-blue-300);font-weight:600}.link:hover{color:var(--color-white)}.state{text-align:center;padding:48px 16px;color:var(--color-n100)}.state--error{color:var(--color-negative)}.btn-primary{display:inline-block;background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius);padding:12px 22px;font:600 14px var(--font);cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--color-blue-300)}.btn-primary:disabled{background:var(--color-surface-2);color:var(--color-n300);cursor:not-allowed}.tags{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tag{background:#afdffe2e;color:var(--color-blue-100);border-radius:12px;padding:3px 10px;font-size:12px;line-height:15px}.hero,.show-hero{border-radius:12px;background-size:cover;background-position:center;margin-bottom:32px;overflow:hidden}.hero__shade,.show-hero__shade{min-height:360px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:linear-gradient(90deg,#050d24f2,#050d2499 55%,#050d241a)}.hero__title{font-size:40px;line-height:46px;font-weight:700;margin:0 0 16px;max-width:640px}.show-hero__description{max-width:640px;font-size:15px;line-height:23px;color:var(--color-n100);margin:0 0 20px}.row{margin-bottom:32px}.row__title{font-size:20px;line-height:24px;font-weight:600;margin:0 0 12px}.row__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.show-card{display:block;scroll-snap-align:start}.show-card__image{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius);background:var(--color-surface);transition:transform .2s,box-shadow .2s}.show-card:hover .show-card__image{transform:scale(1.04);box-shadow:0 0 0 2px var(--color-blue-300)}.show-card__title{display:block;margin-top:8px;font-size:13px;line-height:16px;font-weight:500}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.episodes{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.episodes--list{grid-template-columns:1fr;gap:10px}.episode{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius);overflow:hidden;transition:background .2s}.episode:hover{background:var(--color-surface-2)}.episode--current{box-shadow:inset 0 0 0 2px var(--color-primary)}.episodes--list .episode{flex-direction:row}.episode__thumb{position:relative;aspect-ratio:16 / 9;background:var(--color-surface-2);display:grid;place-items:center;flex-shrink:0}.episodes--list .episode__thumb{width:140px}.episode__thumb img{width:100%;height:100%;object-fit:cover}.episode__duration{position:absolute;right:6px;bottom:6px;background:#000000bf;padding:2px 6px;border-radius:4px;font-size:11px}.episode__body{padding:10px 12px}.episode__title{margin:0 0 4px;font-weight:600;font-size:13px;line-height:17px}.episode__season{margin:0;color:var(--color-n300);font-size:12px}.watch{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.watch__title{font-size:22px;line-height:28px;margin:8px 0 16px}.player{aspect-ratio:16 / 9;width:100%;background:#000;border-radius:var(--radius);overflow:hidden}.player__frame{width:100%;height:100%}.player__frame iframe{width:100%!important;height:100%!important}.player__error{margin-top:12px;padding:12px 16px;border-radius:var(--radius);background:#ef444426;color:#fca5a5}.cda-panel{margin-top:20px;padding:16px;border-radius:var(--radius);background:var(--color-surface)}.cda-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cda-panel code{color:var(--color-blue-300)}.cda-panel__meta,.cda-panel__empty{color:var(--color-n300);font-size:12px}.search-box{width:100%;max-width:560px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--color-surface-2);background:var(--color-surface);color:var(--color-text);font:400 16px var(--font);margin-bottom:20px}.card{background:var(--color-surface);border-radius:var(--radius)}.auth{max-width:420px;margin:24px auto;padding:24px}.notice{background:#20a9ff1f;color:var(--color-blue-100);border-radius:var(--radius);padding:12px;font-size:13px;line-height:18px}.field{display:block;margin-bottom:14px}.field input{width:100%;padding:10px 12px;border:1px solid var(--color-surface-2);border-radius:var(--radius);background:var(--color-bg);color:var(--color-n300);font:400 14px var(--font)}@media (max-width: 900px){.watch{grid-template-columns:1fr}.hero__title{font-size:28px;line-height:34px}.hero__shade,.show-hero__shade{min-height:280px;padding:24px}.main{padding:16px}.nav--account{margin-left:0}}