.resources-hero{padding:160px 0 60px;background:linear-gradient(165deg,#f0f7ff 0%,#ffffff 70%);text-align:center;}.resources-hero h1{font-size:3.5rem;font-weight:900;margin:16px 0;}.resources-hero h1 .gradient{background:linear-gradient(145deg,#1d4ed8,#00b4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.resources-hero p{font-size:1.2rem;color:#475569;max-width:650px;margin:0 auto;}.video-grid{padding:40px 0 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}.video-card{background:white;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;transition:var(--transition);}.video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#1d4ed8;}.video-card .thumbnail{background:#0b1a33;height:200px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}.video-card .thumbnail .play-btn{width:64px;height:64px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#1d4ed8;transition:var(--transition);}.video-card .thumbnail .play-btn:hover{transform:scale(1.1);background:white;}.video-card .thumbnail .duration{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.8);color:white;padding:4px 12px;border-radius:6px;font-size:0.8rem;font-weight:600;}.video-card .thumbnail .icon{font-size:3rem;color:rgba(255,255,255,0.3);}.video-card .content{padding:20px 24px 24px;}.video-card .content .category{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:2px 14px;border-radius:30px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;margin-bottom:8px;}.video-card .content .category.tutorial{background:#d1fae5;color:#059669;}.video-card .content .category.webinar{background:#ede9fe;color:#6d28d9;}.video-card .content .category.demo{background:#fef3c7;color:#d97706;}.video-card .content h4{font-size:1.1rem;font-weight:700;margin-bottom:6px;}.video-card .content p{color:#64748b;font-size:0.9rem;line-height:1.5;margin-bottom:12px;}.video-card .content .meta{display:flex;justify-content:space-between;font-size:0.85rem;color:#94a3b8;border-top:1px solid #f1f5f9;padding-top:12px;}@media (max-width:768px){.resources-hero h1{font-size:2.4rem;}}