.resource-section{--background:0 0% 98%;--foreground:0 0% 8%;--card-light:#fffc;--card-dark:#fffffff2;--primary:202 100% 50%;--secondary:187 100% 50%;--accent:180 83% 47%;--text-primary:#00a1ff;--text-secondary:0 0% 55%;--border:0 0% 85%;--border-accent:202 100% 50%;--radius:1rem;background:linear-gradient(#fff,#f8f9fa);position:relative;overflow:hidden}.resource-section .text-primary{color:var(--text-primary)!important}.resource-section .bg-blob{filter:blur(80px);z-index:0;background:#0d6efd1a;border-radius:50%;width:300px;height:300px;position:absolute}.resource-section .bg-blob.blob-left{top:-100px;left:-100px}.resource-section .bg-blob.blob-right{bottom:-100px;right:-100px}.resource-section .blog-card{background:linear-gradient(135deg, var(--card-light), var(--card-dark));border:1px solid hsl(var(--border));border-radius:16px;transition:all .4s;overflow:hidden}.resource-section .blog-card .media-wrapper{background:#f1f3f5;height:200px;position:relative;overflow:hidden}.resource-section .blog-card .media-wrapper img,.resource-section .blog-card .media-wrapper video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.resource-section .blog-card:hover img,.resource-section .blog-card:hover video{transform:scale(1.1)}.resource-section .blog-card .icon-overlay{pointer-events:none;font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resource-section .blog-card h5{color:hsl(var(--foreground));transition:all .4s}.resource-section .blog-card p{color:hsl(var(--text-secondary))}.resource-section .blog-card:hover h5{color:hsl(var(--primary))}.resource-section .service-badge{color:#00a2ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00a2ff1a;border:1px solid #00a2ff33;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.resource-section .service-heading{color:hsl(var(--foreground));font-size:32px;font-weight:700;line-height:1.2}@media (min-width:768px){.resource-section .service-heading{font-size:44px}}@media (min-width:992px){.resource-section .service-heading{font-size:56px}}.resource-section .gradient-text{background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--accent)), hsl(var(--primary)));-webkit-text-fill-color:#0000;color:#0000;-webkit-background-clip:text;background-clip:text}.resource-section .service-desc{color:hsl(var(--text-secondary));max-width:672px;font-size:16px;line-height:1.7}@media (min-width:768px){.resource-section .service-desc{font-size:18px}}@media (min-width:992px){.resource-section .service-desc{font-size:20px}}.resource-section .blog-card{background:linear-gradient(135deg, var(--card-light), var(--card-dark));border:1px solid hsl(var(--border-accent)/.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;transition:all .5s;position:relative;overflow:hidden}.resource-section .blog-card:hover{border-color:hsl(var(--border-accent)/.5);transform:translateY(-8px);box-shadow:0 20px 50px #00000026}.resource-section .card-overlay{background:linear-gradient(135deg, hsl(var(--primary)/.05), transparent, hsl(var(--accent)/.05));opacity:0;transition:all .5s;position:absolute;inset:0}.resource-section .blog-link:hover .card-overlay{opacity:1}.resource-section .card-content{z-index:2;position:relative}.resource-section .media-box{background:linear-gradient(135deg, hsl(var(--primary)/.1), hsl(var(--accent)/.1));border:1px solid hsl(var(--border-accent)/.2);border-radius:12px;justify-content:center;align-items:center;height:180px;transition:all .15s;display:flex;position:relative;overflow:hidden}.resource-section .blog-link:hover .media-box{border-color:hsl(var(--border-accent)/.5)}.resource-section .media-box img,.resource-section .media-box video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.resource-section .blog-link:hover img,.resource-section .blog-link:hover video{transform:scale(1.1)}.resource-section .media-overlay{background:linear-gradient(#0000,#0000004d);position:absolute;inset:0}.resource-section .icon-overlay{z-index:2;font-size:48px;position:absolute}.resource-section .card-title{color:hsl(var(--foreground));margin-bottom:10px;font-size:20px;font-weight:700;transition:all .3s}.resource-section .blog-link:hover .card-title{color:hsl(var(--primary))}.resource-section .card-desc{color:hsl(var(--text-secondary));margin-bottom:20px;font-size:14px;line-height:1.6}.resource-section .card-cta{color:hsl(var(--primary));align-items:center;gap:6px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.resource-section .blog-link:hover .card-cta{gap:10px}.resource-section .card-border-glow{pointer-events:none;border:1px solid #0000;border-radius:16px;transition:all .5s;position:absolute;inset:0}.resource-section .blog-link:hover .card-border-glow{border-color:hsl(var(--primary)/.2)}.pagination-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:56px;display:flex}.pagination-wrapper .page-nav-btn{border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.pagination-wrapper .page-nav-btn:hover:not(:disabled){background:hsl(var(--primary)/.08);border-color:hsl(var(--primary)/.4);color:hsl(var(--primary))}.pagination-wrapper .page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-wrapper .page-nav-btn .nav-arrow{font-size:16px;line-height:1}.pagination-wrapper .page-numbers{align-items:center;gap:6px;display:flex}.pagination-wrapper .page-ellipsis{color:hsl(var(--text-secondary));letter-spacing:2px;-webkit-user-select:none;user-select:none;padding:0 6px;font-size:16px}.pagination-wrapper .page-btn{border:1px solid hsl(var(--border));cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.pagination-wrapper .page-btn:hover:not(.active){background:hsl(var(--primary)/.08);border-color:hsl(var(--primary)/.4)}.pagination-wrapper .page-btn.active{border-color:#0000}.pagination-wrapper .page-btn.active .page-num{color:#fff;font-weight:700}.pagination-wrapper .page-btn .active-bg{box-shadow:0 4px 15px hsl(var(--primary)/.35);z-index:0;background:linear-gradient(90deg,#3b82f6,#0ea5e9);border-radius:10px;position:absolute;inset:0}.pagination-wrapper .page-btn .page-num{z-index:1;color:hsl(var(--foreground));font-size:14px;font-weight:600;line-height:1;transition:color .2s;position:relative}
.blog-hero{color:#fff;text-align:center;position:relative;overflow:hidden}.blog-hero__bg{z-index:-2;filter:blur(6px);background:url(/assets/img/creysto/blog-bg.webp) 50%/cover no-repeat;position:absolute;inset:0}.blog-hero__overlay{z-index:-1;background:linear-gradient(90deg,#0e2a5cd9,#0a52c299 60%,#0000);position:absolute;inset:0}.blog-hero{padding:9rem 0}@media (min-width:768px){.blog-hero{padding:12rem 0}}