.bento-blog{background:#fafbfd;min-height:100vh}.bento-header{padding:clamp(140px,18vh,180px) 0 clamp(48px,6vh,64px);background:linear-gradient(170deg,#f0f3f9,#fff 40%,#f8f9fc);text-align:center;position:relative;overflow:hidden}.bento-header:before{top:-50%;left:-20%;width:60%;height:100%;background:radial-gradient(ellipse,#2b39900a 0,#0000 70%)}.bento-header:after,.bento-header:before{content:"";position:absolute;pointer-events:none}.bento-header:after{bottom:-30%;right:-15%;width:50%;height:80%;background:radial-gradient(ellipse,#7cb34208 0,#0000 70%)}.bento-header__content{max-width:860px;margin:0 auto;position:relative;z-index:1}.bento-header__title{font-family:var(--font-heading,var(--font-primary));font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin:0 0 16px;color:var(--color-primary,#2b3990)}.bento-header__title-line{display:block}.bento-header__title-line--accent{color:var(--color-accent,#7cb342)}.bento-header__subtitle{font-size:1.1rem;color:#64748b;line-height:1.7;margin:0 auto;max-width:560px}.bento-toolbar{position:sticky;top:72px;z-index:40;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #eef0f4;padding:16px 0}.bento-toolbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.bento-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1;min-width:0}.bento-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#fff;border:1.5px solid #e0e3e8;border-radius:12px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .25s ease;white-space:nowrap}.bento-chip:hover{color:#2b3990;border-color:#2b3990;background:#2b39900a}.bento-chip--active{background:linear-gradient(135deg,#2b3990,#1e2870);color:#fff;border-color:#0000;box-shadow:0 4px 12px #2b399040}.bento-chip--active:hover{background:linear-gradient(135deg,#1e2870,#16204a);color:#fff;border-color:#0000}.bento-chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:8px;font-size:11px;font-weight:600;background:#0000000f}.bento-chip--active .bento-chip__count{background:#ffffff38}.bento-search-wrapper{display:flex;align-items:center;gap:0;flex-shrink:0}.bento-search{overflow:hidden}.bento-search__input{width:100%;padding:9px 16px;border:1.5px solid #e0e3e8;border-radius:12px;font-size:14px;color:#1f2937;background:#fff;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.bento-search__input:focus{border-color:#2b3990;box-shadow:0 0 0 3px #2b39901a}.bento-search__input::placeholder{color:#94a3b8}.bento-search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1.5px solid #e0e3e8;background:#fff;color:#64748b;cursor:pointer;transition:all .25s ease;flex-shrink:0}.bento-search-toggle:hover{border-color:#2b3990;color:#2b3990;background:#2b39900a}.bento-grid-section{padding:48px 0 100px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto);gap:16px}.bento-cell--2x2{grid-row:span 2}.bento-cell--2x1,.bento-cell--2x2{grid-column:span 2}.bento-cell--1x1{grid-column:span 1}.bento-cell{position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #2b399014;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .3s ease}.bento-cell:hover{border-color:#2b399026;box-shadow:0 8px 24px #2b39901a}.bento-cell__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.bento-cell__image{position:relative;flex:1 1;min-height:180px;overflow:hidden;background:linear-gradient(135deg,#e8ecf4,#dde3ed)}.bento-cell__image img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.bento-cell:hover .bento-cell__image img{transform:scale(1.05)}.bento-cell__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#00000008);pointer-events:none;transition:background .4s ease}.bento-cell:hover .bento-cell__overlay{background:linear-gradient(180deg,#0000 30%,#00000014)}.bento-cell__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b0bec5;background:radial-gradient(circle at 30% 40%,#2b39900f 0,#0000 50%),radial-gradient(circle at 70% 60%,#7cb3420d 0,#0000 50%),linear-gradient(135deg,#e8ecf4,#dde3ed)}.bento-cell__content{padding:20px;display:flex;flex-direction:column;gap:8px}.bento-cell__category{display:inline-block;width:-moz-fit-content;width:fit-content;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#2b3990;background:#2b399012}.bento-cell__title{font-size:16px;font-weight:700;color:#0f172a;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.bento-cell:hover .bento-cell__title{color:#2b3990}.bento-cell__title--lg{font-size:24px;-webkit-line-clamp:3}.bento-cell__excerpt{font-size:14px;color:#64748b;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-cell__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.bento-cell__author{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#475569}.bento-cell__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.bento-cell__avatar--logo{background:#f0f2f8;padding:3px;object-fit:contain}.bento-cell__date{font-size:12px;color:#94a3b8;white-space:nowrap}.bento-cell__arrow{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:12px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#2b3990;opacity:0;transform:translateX(-8px);transition:all .3s ease;z-index:2}.bento-cell:hover .bento-cell__arrow{opacity:1;transform:translateX(0)}.bento-empty{text-align:center;padding:80px 20px}.bento-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:#f1f5f9;color:#94a3b8;margin-bottom:20px}.bento-empty__title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 8px}.bento-empty__text{font-size:15px;color:#64748b;margin:0}.bento-load-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:48px}.bento-load-more__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#2b3990,#1e2870);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2b399033}.bento-load-more__btn:hover{background:linear-gradient(135deg,#1e2870,#16204a);transform:translateY(-2px);box-shadow:0 8px 24px #2b39904d}.bento-load-more__btn svg{transition:transform .25s ease}.bento-load-more__btn:hover svg{transform:translateX(4px)}.bento-load-more__count{font-size:13px;color:#94a3b8}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(240px,auto)}.bento-cell--2x2{grid-row:span 2}.bento-cell--2x1,.bento-cell--2x2{grid-column:span 2}}@media (max-width:768px){.bento-header{padding:120px 0 36px}.bento-header__title{font-size:clamp(1.8rem,7vw,2.5rem)}.bento-header__subtitle{font-size:1rem}.bento-toolbar{top:64px}.bento-toolbar__inner{flex-direction:column;align-items:flex-start;gap:12px}.bento-search-wrapper{width:100%;justify-content:flex-end}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.bento-cell--2x1,.bento-cell--2x2{grid-column:span 1;grid-row:span 1}.bento-cell__title--lg{font-size:20px}.bento-grid-section{padding:32px 0 60px}}@media (max-width:480px){.bento-header{padding:110px 0 28px}.bento-cell__content{padding:16px}.bento-cell__title{font-size:15px}.bento-cell__title--lg{font-size:18px}}