.article-card{cursor:pointer;border-bottom:1px solid #e0e8f0;width:100%;padding-bottom:16px;transition:opacity .2s}.article-card:hover{opacity:.8}.article-card__img-wrapper{border-radius:16px;width:100%;margin-bottom:24px;overflow:hidden}.article-card__img{object-fit:cover;border-radius:16px;width:100%;height:220px;transition:transform .3s;display:block}.article-card:hover .article-card__img{transform:scale(1.03)}.article-card__img--fallback{background:linear-gradient(135deg,#eef2ff 0%,#f5f0ff 50%,#fdf2f8 100%);border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:100%;height:220px;display:flex}.article-card__img--fallback>span{color:#1c2127;background:#2764ff33;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:500}.article-card>h3{letter-spacing:-.02em;margin-top:16px;margin-bottom:40px;font-size:26px;font-weight:700;line-height:34px}@media screen and (max-width:768px){.article-card>h3{font-size:24px;line-height:32px}}
.newsletter-wrapper{padding:0 24px}.newsletter-section{color:#fff;text-align:center;background-image:url(/assets/blog-images/newsletter_bg.webp);border-radius:32px;justify-content:center;align-items:center;margin-top:140px;margin-bottom:260px;padding:160px 24px;display:flex}.newsletter-container>img{margin-bottom:40px}.newsletter-container>h1{letter-spacing:1px;margin-bottom:24px;font-size:58px;font-weight:700;line-height:64px}.newsletter-container>p{max-width:740px;margin-bottom:40px;font-size:16px;line-height:32px}.newsletter-container__cta{justify-content:center;align-items:center;gap:16px;display:flex}.newsletter-container__cta>input{color:#fff;background:#0000001a;border:1px solid #ffffff29;border-radius:8px;width:481px;padding:16px}.newsletter-container__cta>input::placeholder{color:#d9d9d9}.newsletter-container__cta>input:focus{outline:none}.newsletter-container__cta>button{font-size:18px;font-weight:400;height:50px!important}@media screen and (max-width:1024px){.newsletter-wrapper{padding:0}.newsletter-section{border-radius:0;padding-block:100px}.newsletter-container>h1{font-size:40px}.newsletter-container>p{font-size:18px}}@media screen and (max-width:768px){.newsletter-section{margin-top:260px;padding-block:80px}.newsletter-container>h1{margin-bottom:8px;font-size:38px}.newsletter-container>p{max-width:unset;font-size:16px;line-height:24px}.newsletter-container__cta{flex-direction:column}}@media screen and (max-width:490px){.newsletter-section{margin-top:140px;margin-bottom:429px}.newsletter-container>img{height:65px}.newsletter-container>h1{margin-inline:auto;max-width:258px;margin-bottom:8px;font-size:32px;line-height:40px}.newsletter-container__cta>input,.newsletter-container__cta>button{width:100%}}
.blog-card{cursor:pointer;-webkit-backdrop-filter:blur(32.0983px);backdrop-filter:blur(32.0983px);background:url(/assets/blog-images/blog-cardbg.webp) 100% 100%/cover no-repeat;border-radius:24px;flex-direction:column;gap:16px;height:100%;padding:16px;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8.02px 80.25px #5f5f5f1a}.blog-card:before{content:"";z-index:1;-webkit-backdrop-filter:blur(32.0983px);backdrop-filter:blur(32.0983px);width:100%;height:100px;position:absolute;bottom:0}.blog-card:hover{transform:scale(1.02)}.blog-card__img-wrapper{border-radius:24px;width:100%;overflow:hidden}.blog-card__img{object-fit:cover;object-position:left center;border-radius:24px;width:100%;height:220px;display:block}.blog-card__img--fallback{background:linear-gradient(135deg,#eef2ff 0%,#f5f0ff 50%,#fdf2f8 100%);border:1px solid #e2e8f0;border-radius:24px;justify-content:center;align-items:center;width:100%;height:220px;display:flex}.blog-card__img--fallback>span{color:#1c2127;background:#2764ff33;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:500}.blog-card__body{z-index:2;flex-direction:column;flex:1;display:flex}.blog-pills{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.blog-pill{white-space:nowrap;background:#2764ff33;border-radius:6px;padding:2px 10px;font-size:14px;font-weight:500}.blog-card__body>h3{letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:700;line-height:24px}.blog-card__body>p{color:#1c2127;z-index:2;margin-bottom:20px;font-size:14px;line-height:20px}.blog-card__meta{color:#40474e;align-items:center;gap:8px;margin-top:auto;font-size:14px;display:flex}.blog-card__meta-dot{background-color:#a7b1bc;border-radius:50%;width:4px;height:4px}.blog-category-pill{color:#1c2127;background:#2764ff33;border-radius:6px;width:fit-content;padding:4px 10px;font-size:14px;font-weight:500}.blog-card__arrow{z-index:2;cursor:pointer;background:0 0;border:none;transition:transform .2s;position:absolute;bottom:15px;right:18px;transform:rotate(-180deg)}.blog-card__arrow:hover{transform:rotate(-180deg)rotate(-15deg)scale(1.1)}.blog-card__arrow>img{width:28px;height:28px}@media screen and (max-width:768px){.blog-card__img{object-fit:cover;height:300px}.blog-card__body>h3{font-size:24px;line-height:32px}.blog-card__meta{font-size:14px}}
@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line,.skeleton-pill,.skeleton-dot,.skeleton-img,.blog-hero-skeleton__img,.skeleton-tag-pill,.skeleton-tab{background:linear-gradient(90deg,#e2e8f0 25%,#c8d3e0 50%,#e2e8f0 75%) 0 0/600px 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.blog-card-skeleton{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;padding:16px;display:flex;box-shadow:0 8.02px 80.25px #5f5f5f1a}.blog-card-skeleton .skeleton-img{border-radius:24px;width:100%;height:220px}.blog-card-skeleton .skeleton-body{flex-direction:column;gap:12px;padding:4px 0;display:flex}.skeleton-pills{gap:10px;margin-bottom:4px;display:flex}.skeleton-pill{border-radius:6px;width:64px;height:24px}.skeleton-line{height:14px}.skeleton-line.wide{width:90%}.skeleton-line.medium{width:65%}.skeleton-line.short{width:38%}.skeleton-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.skeleton-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.blog-hero-skeleton{background:#fff;border:1px solid #e2e8f0;border-radius:32px;align-items:center;gap:56px;padding:20px;display:flex;overflow:hidden;box-shadow:0 8.02px 80.25px #5f5f5f1a}.blog-hero-skeleton__img{border-radius:24px;flex-shrink:0;width:503px;min-width:503px;height:340px}.blog-hero-skeleton__content{flex-direction:column;flex:1;gap:14px;display:flex}.skeleton-tabs{background:#e2e8f0;border-radius:8px;align-items:center;gap:4px;width:444px;padding:4px;display:flex}.skeleton-tab{border-radius:6px;flex:1;height:34px}.skeleton-tag-pill{border-radius:100px;width:80px;height:36px}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 16px;display:flex}.empty-state>img{opacity:.7;width:120px;height:120px;margin-bottom:24px}.empty-state>h1{color:#111827;margin-bottom:12px;font-size:24px;font-weight:700}.empty-state>p{color:#6b7280;max-width:360px;font-size:16px;line-height:24px}.hot-article__img-wrapper{z-index:2;border-radius:24px;flex-shrink:0;width:100%;max-width:503px;overflow:hidden}.hot-article__img{object-fit:cover;object-position:left center;border-radius:24px;width:100%;height:316px;display:block}.hot-article__img--fallback{background:linear-gradient(135deg,#c0cffe 0%,#f3dff4 57%,#f9d8e5 100%);border-radius:24px;justify-content:center;align-items:center;width:100%;height:340px;display:flex}.hot-article__img--fallback>span{color:#1c2127;background:#2764ff33;border-radius:6px;width:fit-content;padding:4px 10px;font-size:14px;font-weight:500}.explore-card__img-wrapper{border-radius:16px;width:100%;margin-bottom:24px;overflow:hidden}.explore-card__img{border-radius:16px;width:100%;display:block}.explore-card__img--fallback{background:linear-gradient(135deg,#c0cffe 0%,#f3dff4 57%,#f9d8e5 100%);border-radius:16px;justify-content:center;align-items:center;width:100%;height:220px;display:flex}.explore-card__img--fallback>span{color:#1c2127;background:#2764ff33;border-radius:6px;width:fit-content;padding:4px 10px;font-size:14px;font-weight:500}.blog-hero{padding:4px 8px 315px}.blog-hero__inner{object-fit:cover;background:url(https://res.cloudinary.com/deyphkmor/image/upload/v1747311609/roqqu-website/hero-background-texture_hmm0qw.svg) 50%/cover no-repeat,linear-gradient(109.12deg,#c0cffe .42%,#f3dff4 57.74%,#f9d8e5 98.62%);border-radius:4px;height:736px;padding-top:150px}.blog-hero__header{max-width:var(--base-max-width);justify-content:space-between;align-items:flex-end;width:100%;margin:0 auto;padding-top:100px;display:flex}.blog-hero__header>.left{width:50%}.blog-hero__header>.left>h1{font-size:56px;font-weight:700;font-family:var(--encode-sans);margin-bottom:16px}.blog-hero__header>.left>p{color:#1c2127;font-size:18px;line-height:32px}.article__cta{align-items:center;gap:16px;display:flex}.article__cta>button:first-child{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.article__cta>button:first-child:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(90deg,#483beb 0%,#7847e1 47.92%,#dd568d 96.35%);border-radius:50%;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.article__cta>button:last-child{background:linear-gradient(90deg,#483beb 0%,#7847e1 47.92%,#dd568d 96.35%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hot-articles-wrapper{max-width:var(--base-max-width);-webkit-backdrop-filter:blur(32.0983px);backdrop-filter:blur(32.0983px);margin:48px auto 0;position:relative}.hot-article{z-index:5;-webkit-backdrop-filter:blur(32.0983px);backdrop-filter:blur(32.0983px);background:url(/assets/blog-images/article.webp) 100% 100%/cover no-repeat;border-radius:32px;align-items:center;gap:56px;padding:20px;display:flex;overflow:hidden;box-shadow:0 8.02px 80.25px #5f5f5f1a}.hot-article:before{content:"";z-index:1;-webkit-backdrop-filter:blur(10.0983px);backdrop-filter:blur(10.0983px);width:2000%;height:100px;position:absolute;bottom:0;right:0}.article-textcontent{z-index:2}.article-textcontent .pill{background:#2764ff33;border-radius:6px;margin-bottom:26px;padding:2px 10px;font-size:14px;font-weight:500;display:inline-block}.article-textcontent>h1{font-family:var(--encode-sans);margin-bottom:16px;font-size:24px;font-weight:800;line-height:32px}.article-textcontent>p{color:#2a2f36;width:455px;margin-bottom:32px;font-size:16px;line-height:24px}.article-rightarrow{z-index:2;transition:all .3s;position:absolute;bottom:20px;right:30px;transform:rotate(180deg)}.article-rightarrow:hover{transform:rotate(180deg)rotate(-15deg)scale(1.2)}.article-rightarrow>img{width:32px;height:32px}.article-filter{scrollbar-width:none;text-transform:capitalize;background:#7676801f;border-radius:8px;flex-shrink:0;width:444px;padding:2px;display:flex;overflow-x:auto}.article-filter::-webkit-scrollbar{display:none}.article-filter>span{white-space:nowrap;cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.article-filter>.active{background-color:#fff;box-shadow:0 3px 1px #0000000a,0 3px 8px #0000001f}.hot-articles-dots{justify-content:flex-start;align-items:center;gap:6px;width:fit-content;margin:32px auto 0;display:flex}.hot-articles-dots .dot{background:linear-gradient(109.12deg,#c0cffe .42%,#f3dff4 57.74%,#f9d8e5 98.62%);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.hot-articles-dots .active-dot{background:linear-gradient(90deg,#483beb 0%,#7847e1 47.92%,#dd568d 96.35%);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.latest-articles-container{max-width:var(--base-max-width);margin:0 auto;padding:0 16px}.articles-header{border-bottom:1px solid #e0e8f0;justify-content:space-between;align-items:center;width:100%;max-width:100%;margin:0 auto 32px;padding-bottom:32px;display:flex}.articles-header>h1{font-size:48px;font-weight:700}.lastest-pills{scrollbar-width:none;align-items:center;gap:16px;margin-bottom:32px;display:flex;overflow-x:auto}.lastest-pills::-webkit-scrollbar{display:none}.lastest-pills>.pill{white-space:nowrap;background:#f1f1f1;border-radius:100px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500}.lastest-pills>.active-pill{color:#2764ff;border:1px solid var(--Colors-Blue-blue-200,#93b2ff);background:#e9f0ff}.latest-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px 26px;margin-bottom:48px;display:grid}.latest-articles-container>.pagination{justify-content:center;align-items:center;gap:5px;padding:48px 0;display:flex}.latest-articles-container>.pagination .page-btn{width:32px;height:32px;color:var(--base-black);cursor:pointer;background:0 0;border:1px solid #f1f1f1;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.latest-articles-container>.pagination .page-btn:disabled{opacity:.35;cursor:not-allowed}.latest-articles-container>.pagination .page-btn.active{background:var(--blue);color:var(--page-bg)}.latest-articles-container>.pagination .page-ellipsis{color:var(--base-black);font-size:13px}.explore-section{max-width:var(--base-max-width);margin:120px auto;padding:0 16px}.explore-section>header{text-align:center;margin-bottom:80px}.explore-section>header>h1{margin-bottom:24px;font-size:58px;font-weight:700;line-height:64px}.explore-section>header>p{color:#1c2127;font-size:18px;line-height:32px}.explore-card{border-bottom:1px solid #e0e8f0;width:100%;padding-bottom:16px}.explore-card>h1{width:350px;margin-top:16px;margin-bottom:40px;font-size:24px;font-weight:700}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:35px;display:grid}.testimony-section-wrapper{margin-bottom:310px}.testimony-section-wrapper--empty{margin-bottom:0}@media screen and (max-width:1024px){.blog-hero{padding:0 0 450px}.blog-hero__inner{padding-inline:16px}.blog-hero__header>.left>h1{font-size:48px}.blog-hero__header{padding-block:0;display:flex}.hot-article{-webkit-backdrop-filter:blur(32.0983px);backdrop-filter:blur(32.0983px);background:url(/assets/blog-images/blog-cardbg.webp) 100% 100%/cover no-repeat;flex-direction:column;gap:30px;box-shadow:0 8.02px 80.25px #5f5f5f1a}.hot-article:before{content:"";z-index:1;-webkit-backdrop-filter:blur(32.0983px);backdrop-filter:blur(32.0983px);width:100%;height:100px;position:absolute;bottom:0;right:0}.hot-article__img-wrapper{max-width:unset;width:100%}.latest-articles-grid{gap:48px}.article-textcontent{z-index:2;width:100%}.article-textcontent>p{width:70%}.articles-header{flex-direction:column;gap:40px;margin-bottom:32px}.articles-header>h1{font-size:38px}.explore-section>header>h1{font-size:48px}.explore-section>header>p{font-size:16px;line-height:24px}.explore-grid{row-gap:48px}.blog-hero-skeleton{flex-direction:column}.blog-hero-skeleton__img{width:100%;min-width:unset;height:220px}.skeleton-tabs{width:100%}}@media screen and (max-width:768px){.blog-hero__inner{height:880px;padding-top:200px}.blog-hero{padding-bottom:280px}.hot-article{padding:16px}.blog-hero__header>.left>h1{font-size:40px}.blog-hero__header{align-items:center}.blog-hero__header>.left{text-align:center;width:100%}br{display:none}.blog-hero__header>.left>p{width:100%}.article__cta{display:none}.articles-header>h1{font-size:32px}.article-filter{justify-content:space-between;width:100%}.lastest-pills .pill{white-space:nowrap}.explore-section>header{margin-bottom:48px}}@media screen and (max-width:490px){.blog-hero__inner{padding-top:240px}.article-filter{width:100%}.blog-hero__header>.left>h1{margin-bottom:8px;font-size:32px}.blog-hero__header>.left>p{font-size:16px;line-height:24px}.hot-articles-wrapper{margin-top:72px}.hot-article__img{object-fit:cover;object-position:left center;height:300px}.article-textcontent>p{width:100%}.explore-section>header>h1{margin-bottom:8px;width:308px;margin-inline:auto;font-size:32px;line-height:40px}.explore-section>header>p{font-size:16px;line-height:24px}.testimony-section-wrapper{margin-bottom:280px}.testimony-section-wrapper--empty{margin-bottom:0}}