.youtubeBannerSection{margin-top:50px}.youtubeBannerCard{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);gap:48px;align-items:center;padding:42px 40px;border-radius:20px;background:linear-gradient(180deg,#edf5ff,#e7f0fc);box-shadow:0 20px 46px rgba(93,114,167,.12)}.youtubeBannerContent{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%}.youtubeBannerTitle{max-width:520px;color:var(--accentBorder);font-size:42px;line-height:57px;font-weight:700}.youtubeBannerText{margin-top:30px;max-width:380px;color:var(--accentBorder);font-size:15px;line-height:23px;font-weight:400}.youtubeBannerButton{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:20px 34px;border-radius:10px;background:linear-gradient(180deg,#5d93ef,#4e86e4);color:#fff;font-size:16px;line-height:1;font-weight:700;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.youtubeBannerButton:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(78,134,228,.28)}.youtubeBannerButton:active{transform:translateY(0);filter:brightness(.97)}.youtubeBannerVideo{position:relative;display:block;overflow:hidden;border-radius:12px;background:#d8e6f9;aspect-ratio:16/10.2;text-decoration:none;box-shadow:0 18px 36px rgba(17,24,39,.14)}.youtubeBannerVideoImage{display:block;width:100%;height:100%;object-fit:cover}.youtubeBannerPlayButton{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:94px;height:66px;border-radius:20px;background:#ff0033;transform:translate(-50%,-50%);transition:transform .14s ease,box-shadow .14s ease;box-shadow:0 20px 30px rgba(255,0,51,.24)}.youtubeBannerVideo:hover .youtubeBannerPlayButton{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 24px 38px rgba(255,0,51,.3)}.youtubeBannerPlayTriangle{width:0;height:0;margin-left:4px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:24px solid #fff}@media (max-width:1100px){.youtubeBannerCard{grid-template-columns:1fr;gap:36px;padding:44px}.youtubeBannerButton{margin-top:48px}}@media (max-width:980px){.youtubeBannerSection{margin-top:50px}}@media (max-width:720px){.youtubeBannerCard{gap:24px;padding:24px;border-radius:20px}.youtubeBannerTitle{font-size:31px;line-height:1.25}.youtubeBannerText{margin-top:20px;font-size:15px;line-height:1.6}.youtubeBannerButton{margin-top:24px;min-width:100%;min-height:54px;font-size:16px}}@media (max-width:540px){.youtubeBannerSection{margin-top:30px}}@media (max-width:420px){.youtubeBannerTitle{font-size:26px}.youtubeBannerPlayButton{width:76px;height:54px;border-radius:16px}.youtubeBannerPlayTriangle{border-top-width:11px;border-bottom-width:11px;border-left-width:18px}}