#screen-home { padding-top:48px; }
.home-content { height:calc(100% - 90px); display:flex; flex-direction:column; justify-content:center; }
.home-heading { margin-bottom:42px; }
.home-heading h1 { margin:10px 0 10px; font-size:54px; letter-spacing:-.035em; }
.home-heading p { margin:0; color:var(--muted); font-size:19px; }
.home-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.home-card { position:relative; min-height:310px; padding:34px; overflow:hidden; text-align:left; border-radius:30px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035)); box-shadow:var(--shadow); transition:.16s ease; }
.home-card:before { content:""; position:absolute; width:260px; height:260px; border-radius:50%; right:-105px; top:-105px; filter:blur(2px); opacity:.25; }
.home-card.live:before { background:var(--green); }
.home-card.movies:before { background:var(--blue); }
.home-card.series:before { background:var(--purple); }
.home-card-icon { width:74px; height:74px; display:flex; align-items:center; justify-content:center; border-radius:22px; background:rgba(255,255,255,.11); font-size:36px; }
.home-card-copy { position:absolute; left:34px; bottom:34px; }
.home-card-copy b { display:block; font-size:34px; }
.home-card-copy small { display:block; margin-top:8px; color:#b9c9c0; font-size:17px; }
.home-card-arrow { position:absolute; right:34px; bottom:34px; width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.11); font-size:26px; }
@media (max-width:1400px) {
 .home-card { min-height:250px; }
 .home-heading h1 { font-size:44px; }
 .home-card-copy b { font-size:27px; }
}