:root{--screen-bg:#f5f7fb;--screen-white:#fff;--screen-text:#121826;--screen-muted:#687385;--screen-blue:#0f3b82;--screen-line:rgba(18,24,38,.08);--screen-shadow:0 24px 60px rgba(15,23,42,.08)}
.screen-hero{padding:88px 0 36px;background:radial-gradient(circle at 20% 10%, rgba(15,59,130,.08), transparent 28%),linear-gradient(180deg,#fbfcff 0%,#f4f7fb 100%)}
.screen-shell{width:min(1360px,calc(100% - 40px));margin:0 auto}
.screen-eyebrow{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--screen-line);color:var(--screen-muted);font-size:14px}
.screen-title{font-size:clamp(44px,6vw,84px);line-height:1.02;letter-spacing:-.05em;margin:18px 0;color:var(--screen-text)}
.screen-lead{max-width:920px;color:var(--screen-muted);font-size:19px;line-height:1.85;margin:0}
.screen-hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.screen-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;background:#eef2f7;font-weight:700}
.screen-btn-primary{background:var(--screen-blue);color:#fff}
.screen-section{padding:26px 0 0}.screen-section-last{padding-bottom:84px}
.screen-toolbar{display:grid;gap:18px;align-items:center;margin-bottom:24px}
.screen-filters{display:flex;gap:12px;flex-wrap:wrap}.screen-chip{border:0;padding:10px 16px;border-radius:999px;background:#eef2f7;color:#334155;font-weight:700;cursor:pointer}.screen-chip.is-active{background:var(--screen-blue);color:#fff}.screen-note{color:var(--screen-muted)}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.screen-card{display:grid;background:#fff;border:1px solid var(--screen-line);border-radius:28px;overflow:hidden;box-shadow:var(--screen-shadow)}
.screen-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dbe7f7}.screen-cover img{width:100%;height:100%;object-fit:cover;display:block}.screen-play{position:absolute;left:50%;top:50%;width:74px;height:74px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.84);box-shadow:0 12px 30px rgba(0,0,0,.16)}.screen-play:before{content:'';position:absolute;left:31px;top:23px;border-left:22px solid var(--screen-blue);border-top:14px solid transparent;border-bottom:14px solid transparent}
.screen-card-body{padding:22px}.screen-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.screen-pill{padding:7px 12px;border-radius:999px;background:rgba(15,59,130,.08);color:var(--screen-blue);font-size:13px;font-weight:700}.screen-time{color:var(--screen-muted);font-weight:700}.screen-card h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}.screen-card p{margin:0;color:#4b5563;line-height:1.8}.screen-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;color:var(--screen-muted)}.screen-text-link{color:var(--screen-blue);font-weight:700}
.screen-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.screen-layout-card{background:#fff;border:1px solid var(--screen-line);border-radius:28px;padding:24px;box-shadow:var(--screen-shadow)}.screen-layout-card h3{margin:0 0 10px;font-size:26px;line-height:1.14}.screen-layout-card p{margin:0;color:#4b5563;line-height:1.85}
@media(max-width:1100px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-layout-grid{grid-template-columns:1fr}}
@media(max-width:768px){.screen-title{font-size:clamp(38px,11vw,62px)}.screen-lead{font-size:17px}.screen-grid{grid-template-columns:1fr}.screen-card h3,.screen-layout-card h3{font-size:24px}}