.learning-video-preview{padding-top:64px}.learning-video-preview-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.learning-video-preview-head>div{max-width:740px}.learning-video-preview-head h2{color:#15372f;letter-spacing:-.04em;margin:0 0 7px;font-size:30px;font-weight:650}.learning-video-preview-head p:last-child{color:#62746d;margin:0;font-size:13px;line-height:1.7}.learning-video-preview-head>a{color:#0d4a3c;background:#ffffffbd;border:1px solid #0d4a3c29;border-radius:999px;flex:none;align-items:center;gap:12px;min-height:44px;padding:0 18px;font-size:11px;font-weight:850;display:inline-flex}.learning-video-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learning-video-preview-card{min-width:0;min-height:190px;color:inherit;background:linear-gradient(145deg,#fffdf9,#e7efe5);border:1px solid #0d4a3c1a;border-radius:20px;flex-direction:column;align-items:flex-start;padding:20px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #14372f0e}.learning-video-preview-card:after{content:"";border:1px solid #0d4a3c1a;border-radius:50%;width:144px;height:144px;position:absolute;top:-56px;right:-48px;box-shadow:0 0 0 17px #0d4a3c06}.learning-video-preview-card:hover{border-color:#0d4a3c47;transform:translateY(-4px);box-shadow:0 22px 48px #14372f1a}.learning-video-preview-number{color:#ad705f;letter-spacing:.12em;font-size:9px;font-weight:900}.learning-video-preview-play{color:#fff;text-indent:2px;background:#0d4a3c;border-radius:50%;place-items:center;width:44px;height:44px;margin:18px 0;font-size:11px;display:grid}.learning-video-preview-card strong{color:#15372f;max-width:100%;font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;margin-top:auto;font-size:18px;line-height:1.3;overflow:hidden}.learning-video-preview-card small{color:#71817b;margin-top:8px;font-size:10px}.learning-video-preview-card.is-loading{pointer-events:none;opacity:.68}.learning-video-preview-card.is-loading strong{white-space:normal}.learning-video-preview-card.is-loading:before{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb3 40%,#0000 60%) 0 0/200% 100%;animation:1.4s infinite learning-preview-shimmer;position:absolute;inset:0}@keyframes learning-preview-shimmer{to{background-position:-200% 0}}@media (width<=700px){.learning-video-preview{padding-top:44px}.learning-video-preview-head{flex-direction:column;align-items:flex-start;gap:15px}.learning-video-preview-head>a{justify-content:center;width:100%}.learning-video-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.learning-video-preview-card{border-radius:16px;min-height:172px;padding:15px}.learning-video-preview-card:nth-child(n+5){display:none}.learning-video-preview-card strong{font-size:15px}}@media (width<=410px){.learning-video-preview-grid{grid-template-columns:1fr}.learning-video-preview-card{min-height:158px}.learning-video-preview-card:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.learning-video-preview-card{transition:none}.learning-video-preview-card.is-loading:before{animation:none}}