.resources-container{--bg:#050505;--card:#fff;--card2:#f8fafc;--border:#e2e8f0;--border2:#cbd5e1;--green:#6abf4b;--green-dim:#6abf4b14;--green-dim2:#6abf4b0a;--white:#fff;--muted:#475569;--muted2:#94a3b8;--font-heading:"Outfit", "Space Grotesk", sans-serif;--font-body:"Inter", "Manrope", sans-serif;color:#0f172a;font-family:var(--font-body);background:#f8fafc;min-height:100vh;padding-bottom:60px}.resources-container h1,.resources-container h2,.resources-container h3,.resources-container h4,.resources-container button,.resources-container .read-btn,.resources-container .cta-submit,.resources-container .logo-wordmark{font-family:var(--font-heading)}.hero-resources{color:#fff;background:#050505;width:100%;padding:160px 0 80px;display:flex;position:relative;overflow:hidden}.resources-container .hero-inner{text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:1440px;margin:0 auto;padding:0 24px;display:flex}.resources-container .hero-badge-blog{letter-spacing:.1em;text-transform:uppercase;color:#6abf4b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6abf4b0d;border:1px solid #6abf4b40;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:11px;font-weight:800;display:inline-flex}.resources-container .hero-badge-blog .badge-icon{color:#6abf4b;width:13px;height:13px}.resources-container .hero-title{letter-spacing:-.04em;color:#fff;max-width:900px;margin-bottom:24px;font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:800;line-height:1.15}.resources-container .hero-title .highlight-text{color:#6abf4b;background:linear-gradient(135deg,#6abf4b 0%,#5aa63f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.resources-container .hero-sub{color:#94a3b8;max-width:620px;margin:0;font-size:1.25rem;font-weight:500;line-height:1.6}.resources-container .page-body{max-width:1300px;margin:0 auto;padding:48px 5% 56px}.resources-container .featured-section-header{color:#0f172a;align-items:center;gap:10px;margin-bottom:24px;display:flex}.resources-container .featured-section-header h2{letter-spacing:-.025em;color:#0f172a;font-size:24px;font-weight:800}.resources-container .featured-star-icon{color:#6abf4b;filter:drop-shadow(0 0 4px #6abf4b4d)}.resources-container .featured-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.resources-container .featured-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000008}.resources-container .featured-card:hover{border-color:#6abf4b4d;transform:translateY(-4px);box-shadow:0 20px 40px #6abf4b0d}.resources-container .feat-img{background:#0d1117;flex-shrink:0;width:100%;height:240px;position:relative;overflow:hidden}.resources-container .feat-img svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.resources-container .feat-img .featured-image-element{object-fit:cover;width:100%;height:100%}.resources-container .feat-content{flex-direction:column;flex:1;justify-content:flex-start;padding:24px;display:flex}.resources-container .tag-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.resources-container .tag{letter-spacing:.06em;text-transform:uppercase;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}.resources-container .tag.green-tag{color:#6abf4b;background:#6abf4b14;border-color:#6abf4b33}.resources-container .feat-content h2{letter-spacing:-.02em;color:#0f172a;margin-bottom:12px;font-size:22px;font-weight:800;line-height:1.3;transition:color .2s}.resources-container .feat-content h2 a{color:inherit;text-decoration:none}.resources-container .featured-card:hover .feat-content h2{color:#6abf4b}.resources-container .feat-excerpt{color:#475569;margin-bottom:18px;font-size:13.5px;line-height:1.6}.resources-container .feat-meta{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.resources-container .feat-meta .sep{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:4px;height:4px}.resources-container .author-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.resources-container .author-info{align-items:center;gap:10px;min-width:0;display:flex}.resources-container .avatar{color:#6abf4b;background:#6abf4b14;border:1px solid #6abf4b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.resources-container .author-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.resources-container .author-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.resources-container .grid-section{z-index:10;max-width:1440px;margin:24px auto 0;padding:0 24px 56px;position:relative}.resources-container .grid-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.resources-container .grid-top h2{letter-spacing:-.025em;color:#0f172a;font-size:24px;font-weight:800}.resources-container .filters{flex-wrap:wrap;gap:8px;display:flex}.resources-container .filter-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:99px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.resources-container .filter-btn:hover,.resources-container .filter-btn.on{color:#6abf4b;background:#6abf4b0d;border-color:#6abf4b}.resources-container .cards-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.resources-container .card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.resources-container .card:hover{border-color:#6abf4b4d;transform:translateY(-4px);box-shadow:0 12px 30px #0000000d}.resources-container .card-img{background:#0b0f16;flex-shrink:0;height:260px;position:relative;overflow:hidden}.resources-container .card-img svg,.resources-container .card-img .card-image-element{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.resources-container .card:hover .card-image-element{transform:scale(1.03)}.resources-container .card-body{flex-direction:column;flex:1;padding:24px;display:flex}.resources-container .card-cat{letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800}.resources-container .card-body h3{letter-spacing:-.015em;color:#0f172a;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.35;transition:color .15s}.resources-container .card:hover .card-body h3{color:#6abf4b}.resources-container .card-body p{color:#475569;flex:1;margin-bottom:18px;font-size:13.5px;line-height:1.6}.resources-container .card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.resources-container .card-meta-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.resources-container .card-read-more{color:var(--green,#6abf4b);align-items:center;gap:4px;font-size:13.5px;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex}.resources-container .card:hover .card-read-more{opacity:.85;transform:translate(4px)}.resources-container .cta-section{max-width:1300px;margin:0 auto;padding:0 5% 72px}.resources-container .cta-box{text-align:center;color:#fff;background:#0f172a;border:1px solid #e2e8f014;border-radius:20px;padding:60px 48px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001f}.resources-container .cta-box:before{content:"";pointer-events:none;background:radial-gradient(#6abf4b26 0%,#0000 70%);width:500px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.resources-container .cta-box h2{letter-spacing:-.04em;color:#fff;margin-bottom:14px;font-size:36px;font-weight:800;position:relative}.resources-container .cta-box h2 span{color:#6abf4b}.resources-container .cta-box p{color:#94a3b8;max-width:520px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:15px;position:relative}.resources-container .cta-form{gap:10px;max-width:440px;margin:0 auto;display:flex;position:relative}.resources-container .cta-input{color:#fff;font-size:14px;font-family:var(--font-body);background:#1e293b;border:1px solid #334155;border-radius:99px;outline:none;flex:1;min-width:0;padding:13px 22px;transition:border-color .2s,box-shadow .2s}.resources-container .cta-input::placeholder{color:#64748b}.resources-container .cta-input:focus{border-color:#6abf4b66;box-shadow:0 0 12px #6abf4b1a}.resources-container .cta-submit{color:#fff;cursor:pointer;background:#6abf4b;border:none;border-radius:99px;flex-shrink:0;padding:13px 28px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.resources-container .cta-submit:hover{opacity:.9;transform:translateY(-1px)}.resources-container .cta-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:1024px){.resources-container .featured-grid{grid-template-columns:1fr;gap:24px}.resources-container .cards-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:860px){.resources-container .featured-card{min-height:auto}.resources-container .feat-content{padding:20px}.resources-container .feat-img{height:220px}}@media (max-width:640px){.resources-container .hero-resources{padding:140px 16px 80px}.resources-container .hero-title{font-size:2.25rem}.resources-container .hero-sub{font-size:1.1rem}.resources-container .page-body{padding-bottom:32px}.resources-container .cards-grid{grid-template-columns:1fr;gap:20px}.resources-container .grid-top{flex-direction:column;align-items:flex-start;gap:12px}.resources-container .filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:8px;overflow-x:auto}.resources-container .filter-btn{white-space:nowrap;padding:6px 14px;font-size:12px}.resources-container .cta-box{padding:40px 24px}.resources-container .cta-box h2{font-size:26px}.resources-container .cta-form{background:0 0;border-radius:12px;flex-direction:column;gap:10px;padding:0}.resources-container .cta-input,.resources-container .cta-submit{border-radius:99px;padding:13px 20px}}