.resources-page{min-height:100vh;position:relative}.resources-grid-bg{pointer-events:none;z-index:-1;background-color:#faf5ff;background-image:linear-gradient(#8b5cf60f 1px,#0000 1px),linear-gradient(90deg,#8b5cf60f 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.resources-hero{text-align:center;padding:120px 0 60px}.resources-hero h1{color:#1a1a2e;margin-bottom:16px;font-family:Georgia,Noto Serif SC,serif;font-size:3rem;font-weight:400}.resources-hero-desc{color:#64748b;max-width:600px;margin:0 auto 32px;font-size:1.2rem;line-height:1.7}.resources-filter{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.filter-btn:hover,.filter-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.resources-content{padding-bottom:120px}.resources-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.resource-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;height:100%;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.resource-card:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 12px 24px -6px #8b5cf626}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.icon-box{color:#7c3aed;background:#f3e8ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.category-badge{color:#6d28d9;letter-spacing:.5px;background:#ede9fe;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:600}.resource-card h3{color:#0f172a;margin-bottom:12px;font-size:1.15rem;font-weight:700;line-height:1.4}.resource-card p{color:#64748b;flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.6}.tool-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.tool-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.resource-card:hover .tool-tag{background:#fff;border-color:#cbd5e1}.resources-featured{background:#fff;padding:80px 0}.featured-header{text-align:center;margin-bottom:48px}.featured-header h2{color:#1a1a2e;font-family:Georgia,Noto Serif SC,serif;font-size:2.25rem;font-weight:400}.featured-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.featured-card{background:#f8fafc;border-radius:16px;transition:all .3s;display:flex;overflow:hidden}.featured-card:hover{transform:translateY(-5px)}.featured-image{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);flex-shrink:0;justify-content:center;align-items:center;width:200px;min-height:200px;font-size:3rem;display:flex}.featured-content{flex-direction:column;justify-content:center;padding:24px;display:flex}.featured-card h3{color:#1a1a2e;margin-bottom:12px;font-size:1.25rem;font-weight:700}.featured-card p{color:#64748b;font-size:1rem;line-height:1.6}.resources-cta{text-align:center;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);padding:80px 0}.resources-cta h2{color:#fff;margin-bottom:24px;font-family:Georgia,Noto Serif SC,serif;font-size:2rem;font-weight:400}.resources-cta .cta-buttons{justify-content:center;gap:16px;display:flex}.resources-cta .btn-cta-primary{color:#6d28d9;background:#fff;border-radius:8px;padding:14px 32px;font-weight:600}.resources-cta .btn-cta-secondary{color:#fff;background:0 0;border:2px solid #ffffff4d;border-radius:8px;padding:14px 32px;font-weight:600}.course-card{background:#fff;border-radius:16px;padding:32px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.course-card:hover{transform:translateY(-5px)}.course-icon{margin-bottom:16px;font-size:3rem}.course-card h3{color:#1a1a2e;margin-bottom:12px;font-size:1.25rem;font-weight:700}.course-card p{color:#64748b;margin-bottom:16px;font-size:1rem;line-height:1.6}.course-meta{color:#94a3b8;gap:16px;font-size:.85rem;display:flex}.course-meta span{align-items:center;gap:4px;display:flex}@media (max-width:1024px){.resources-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1fr}}@media (max-width:768px){.resources-hero h1{font-size:2.25rem}.resources-grid{grid-template-columns:1fr}.featured-card{flex-direction:column}.featured-image{width:100%;min-height:150px}}