@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.bi{font-family:DM Sans,sans-serif}.bi-hero{background:#ede9fe;padding:56px 24px 0}.bi-hero-inner{max-width:1000px;margin:0 auto}.bi-hero-title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-1.5px;color:#1a1a2e;margin:0 0 8px}.bi-hero-sub{font-size:15px;color:#6d5b98;margin:0 0 32px}.bi-featured{display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:20px;overflow:hidden;border:2px solid #1a1a2e;box-shadow:6px 6px #1a1a2e;margin-bottom:-40px;position:relative;z-index:2;text-decoration:none;color:inherit;transition:transform .2s}.bi-featured:hover{transform:translateY(-3px)}.bi-featured-content{padding:36px;display:flex;flex-direction:column;justify-content:center}.bi-featured-tag{display:inline-block;background:#ffffff26;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:4px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#fff;margin-bottom:16px;width:fit-content}.bi-featured-title{font-size:24px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}.bi-featured-desc{font-size:14px;color:#fffc;line-height:1.6;margin:0}.bi-featured-meta{display:flex;align-items:center;gap:10px}.bi-featured-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.4);object-fit:cover}.bi-featured-author{font-size:12px;color:#ffffffb3}.bi-featured-date{font-size:12px;color:#ffffff80}.bi-featured-right{background:#2d2754;padding:36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.bi-featured-right-logo{position:absolute;right:-30px;bottom:-30px;width:200px;height:200px;opacity:.1}.bi-featured-badge{display:inline-block;background:#d4f542;color:#1a1a2e;font-size:12px;font-weight:700;padding:8px 18px;border-radius:8px;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px;margin-top:16px;width:fit-content}.bi-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding:8px 0}.bi-filter{background:#ede9fe;border:none;border-radius:33px;padding:8px 22px;font-size:13px;font-weight:600;color:#6d5b98;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.bi-filter:hover,.bi-filter.active{background:#7c3aed;color:#fff}.bi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}.bi-card{background:#fff;border:2px solid #e9e5f5;border-radius:16px;padding:28px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .25s;position:relative;overflow:hidden}.bi-card:hover{border-color:#7c3aed;transform:translateY(-3px);box-shadow:4px 4px #7c3aed}.bi-card-logo{position:absolute;right:-20px;bottom:-20px;width:110px;height:110px;opacity:.08;pointer-events:none}.bi-card-tag{display:inline-block;background:#ede9fe;border-radius:6px;padding:3px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#7c3aed;margin-bottom:12px;width:fit-content}.bi-card-title{font-size:16px;font-weight:700;color:#1a1a2e;line-height:1.3;letter-spacing:-.3px;margin:0 0 10px;flex:1}.bi-card-desc{font-size:13px;color:#6d5b98;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bi-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid #f0ecf7;position:relative;z-index:1}.bi-card-meta{display:flex;align-items:center;gap:8px}.bi-card-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;filter:grayscale(1);border:1px solid #e9e5f5}.bi-card-author{font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-weight:600;color:#6d5b98}.bi-card-date{font-size:11px;color:#a78bfa}.bi-card-read{font-size:12px;font-weight:700;color:#7c3aed;display:flex;align-items:center;gap:4px;position:relative;z-index:1}.bi-card-read:after{content:"→"}.bi-section{max-width:1000px;margin:0 auto;padding:64px 24px 56px}@media(max-width:900px){.bi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bi-grid,.bi-featured{grid-template-columns:1fr}.bi-featured-right{min-height:auto;padding:24px}.bi-hero{padding:40px 16px 0}.bi-section{padding:48px 16px 40px}}