.page--blogs{background-color:var(--light-mode-background-color);color:var(--light-mode-primary-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;width:100%}[data-theme=dark] .page--blogs{background-color:var(--dark-mode-background-color);color:var(--dark-mode-primary-text-color)}.hero--blogs{background-color:var(--light-mode-background-color);padding:20px}[data-theme=dark] .hero--blogs{background-color:var(--dark-mode-background-color);color:var(--dark-mode-primary-text-color)}.hero__container--blogs{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px}.hero__image-wrapper--blogs{margin:0 auto;max-width:300px;width:100%}.hero__image--blogs{border-radius:16px;display:block;height:auto;width:100%}.hero__content--blogs{text-align:center}.hero__title--blogs{color:#111;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:16px}[data-theme=dark] .hero__title--blogs{color:var(--dark-mode-primary-text-color)}.hero__description--blogs{color:#333;font-size:14px;line-height:1.6;margin:0 auto;max-width:600px}[data-theme=dark] .hero__description--blogs{color:var(--dark-mode-secondary-text-color)}.cards--blogs{background-color:var(--light-mode-background-color);padding:20px}[data-theme=dark] .cards--blogs{background-color:var(--dark-mode-background-color)}.cards__container--blogs{margin:0 auto;max-width:1200px}.cards__grid--blogs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:40px}.card--blogs{animation:fade-in .4s ease-in-out;background-color:#f4f4f7;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] .card--blogs{background-color:var(--scanner-card-bg)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card--blogs:hover{box-shadow:0 8px 24px #3434341a;transform:translateY(-4px)}[data-theme=dark] .card--blogs:hover{box-shadow:0 8px 24px #fdfdfd1a}.card__image-wrapper--blogs{aspect-ratio:16/9;background-color:#e9ecef;overflow:hidden;width:100%}[data-theme=dark] .card__image-wrapper--blogs{background-color:#1c1c1c}.card__image--blogs{display:block;height:100%;object-fit:cover;width:100%}.card__content--blogs{display:flex;flex-direction:column;gap:12px;padding:20px}.card__title--blogs{color:#111;font-size:16px;font-weight:600;line-height:1.4}[data-theme=dark] .card__title--blogs{color:var(--dark-mode-primary-text-color)}.cards__load-more--blogs{display:flex;justify-content:center;padding:20px 0}.load-more-button--blogs{background-color:var(--secondary-color);border:none;border-radius:8px;color:var(--light-mode-background-color);cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}[data-theme=dark] .load-more-button--blogs{background-color:var(--primary-color)}.load-more-button--blogs:hover{background-color:var(--secondary-color);box-shadow:0 4px 12px #00c38966;transform:translateY(-2px)}[data-theme=dark] .load-more-button--blogs:hover{background-color:var(--primary-color-hover);box-shadow:0 4px 12px #6063ff25}.load-more-button--blogs:active{transform:translateY(0)}@media screen and (min-width:768px){.hero--blogs{padding:40px 30px}.hero__container--blogs{align-items:center;flex-direction:row;gap:40px}.hero__image-wrapper--blogs{flex-shrink:0;max-width:350px}.hero__content--blogs{flex:1 1;text-align:left}.hero__title--blogs{font-size:36px}.hero__description--blogs{font-size:15px;margin:0}.cards--blogs{padding:30px}.cards__grid--blogs{gap:24px;grid-template-columns:repeat(2,1fr)}.card__title--blogs{font-size:17px}.card__author--blogs{font-size:14px}}@media screen and (min-width:1024px){.hero--blogs{padding:60px 40px}.hero__container--blogs{gap:60px}.hero__image-wrapper--blogs{max-width:380px}.hero__title--blogs{font-size:42px;margin-bottom:20px}.hero__description--blogs{font-size:16px}.cards--blogs{padding:40px}.cards__grid--blogs{gap:28px;grid-template-columns:repeat(3,1fr);margin-bottom:50px}.card__content--blogs{gap:14px;padding:24px}.card__title--blogs{font-size:18px}.card__author--blogs{font-size:14px}.load-more-button--blogs{font-size:16px;padding:16px 40px}}@media screen and (min-width:1440px){.hero__title--blogs{font-size:48px}.hero__description--blogs{font-size:17px}.cards__grid--blogs{gap:32px}.card__title--blogs{font-size:19px}}