:root{--purple:#6C207E;--grad1:#B519B8;--grad2:#701073;--dark:#1B0B42;--bg:#f7f5fb;--white:#fff;--border:#e8e0f0;--muted:#8a7aa0;--muted2:#5a4a6e;--grad:linear-gradient(135deg,var(--grad1) 0%,var(--grad2) 100%)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Roboto',sans-serif;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased}
.blog-hero{background:var(--dark);position:relative;overflow:hidden;padding:60px 40px 56px}.blog-hero::before{content:'';position:absolute;top:-120px;right:-60px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(181,25,184,.06),transparent 60%);pointer-events:none}.blog-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad)}.blog-hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}.bh-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--grad1);margin-bottom:16px;display:flex;align-items:center;gap:12px}.bh-eyebrow::before{content:'';width:24px;height:1.5px;background:var(--grad1)}.bh-title{font-family:'Roboto Condensed',sans-serif;font-weight:900;font-size:clamp(36px,5vw,56px);color:#fff;letter-spacing:-1.5px;line-height:.95;margin-bottom:16px}.bh-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bh-sub{font-size:15px;color:rgba(255,255,255,.4);line-height:1.7;max-width:520px}
.blog-filters{max-width:1280px;margin:0 auto;padding:0 40px;transform:translateY(-24px);position:relative;z-index:10}.bf-bar{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px rgba(27,11,66,.06);overflow-x:auto;scrollbar-width:none}.bf-bar::-webkit-scrollbar{display:none}.bf-tag{padding:8px 18px;border-radius:20px;font-size:12px;font-weight:600;color:var(--muted2);background:transparent;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;font-family:'Roboto',sans-serif;transition:all .2s}.bf-tag:hover{background:var(--bg);border-color:var(--border)}.bf-tag--active{background:var(--dark);color:#fff;border-color:var(--dark)}.bf-search{margin-left:auto;display:flex;align-items:center;gap:8px;padding:7px 14px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg);min-width:200px}.bf-search:focus-within{border-color:var(--purple)}.bf-search svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.bf-search input{border:none;outline:none;background:transparent;font-family:'Roboto',sans-serif;font-size:12px;color:var(--dark);width:100%}.bf-search input::placeholder{color:var(--muted)}
.blog-featured{max-width:1280px;margin:0 auto;padding:0 40px;margin-top:8px;margin-bottom:40px}.bf-card{display:grid;grid-template-columns:1.1fr .9fr;background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s;position:relative}.bf-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(27,11,66,.08)}.bf-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s}.bf-card:hover::after{transform:scaleX(1)}.bfc-img{overflow:hidden;min-height:320px;position:relative}.bfc-img-ph{width:100%;height:100%;min-height:320px;background:linear-gradient(135deg,#2a1845,#1a0d30 50%,#0a0e30);display:flex;align-items:center;justify-content:center;position:relative}.bfc-img-ph span{position:relative;z-index:1;font-size:10px;color:rgba(255,255,255,.12);letter-spacing:2px;text-transform:uppercase;font-weight:600}.bfc-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}.bfc-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(181,25,184,.06);border:1px solid rgba(181,25,184,.1);border-radius:20px;padding:5px 14px;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--purple);text-transform:uppercase;margin-bottom:16px;width:fit-content}.bfc-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grad1)}.bfc-title{font-family:'Roboto Condensed',sans-serif;font-weight:900;font-size:28px;color:var(--dark);letter-spacing:-.5px;line-height:1.15;margin-bottom:14px}.bfc-excerpt{font-size:14px;color:var(--muted2);line-height:1.75;margin-bottom:24px;max-width:420px}.bfc-meta{display:flex;align-items:center;gap:16px}.bfc-date,.bfc-read{font-size:11px;color:var(--muted);font-weight:500}.bfc-read{display:flex;align-items:center;gap:4px}.bfc-read::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--grad1)}.bfc-arrow{margin-left:auto;width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .2s}.bf-card:hover .bfc-arrow{background:var(--dark);border-color:var(--dark)}.bfc-arrow svg{width:16px;height:16px;color:var(--muted2);transition:color .2s}.bf-card:hover .bfc-arrow svg{color:#fff}
.blog-grid-section{max-width:1280px;margin:0 auto;padding:0 40px 80px}.bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;position:relative}.blog-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(27,11,66,.07)}.blog-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}.blog-card:hover::after{transform:scaleX(1)}.bc-img{height:200px;overflow:hidden;position:relative}.bc-img-ph{width:100%;height:100%;background:linear-gradient(135deg,#1e1040,#120828);display:flex;align-items:center;justify-content:center}.bc-img-ph span{font-size:9px;color:rgba(255,255,255,.1);letter-spacing:2px;text-transform:uppercase;font-weight:600}.bc-cat{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;color:var(--purple)}.bc-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}.bc-title{font-family:'Roboto Condensed',sans-serif;font-weight:800;font-size:17px;color:var(--dark);line-height:1.3;margin-bottom:10px;transition:color .2s}.blog-card:hover .bc-title{color:var(--purple)}.bc-excerpt{font-size:13px;color:var(--muted2);line-height:1.65;flex:1;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}.bc-meta{display:flex;align-items:center;gap:12px}.bc-date,.bc-read{font-size:11px;color:var(--muted);font-weight:500}.bc-read{display:flex;align-items:center;gap:4px}.bc-read::before{content:'';width:3px;height:3px;border-radius:50%;background:rgba(181,25,184,.3)}.bc-arrow{width:32px;height:32px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:background .2s}.blog-card:hover .bc-arrow{background:var(--dark)}.bc-arrow svg{width:14px;height:14px;color:var(--muted);transition:color .2s}.blog-card:hover .bc-arrow svg{color:#fff}
.blog-pagination{max-width:1280px;margin:0 auto;padding:0 40px 80px;display:flex;align-items:center;justify-content:center;gap:6px}.bp-btn{width:40px;height:40px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:13px;color:var(--muted2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;text-decoration:none}.bp-btn:hover{border-color:var(--purple);color:var(--dark);background:var(--bg)}.bp-btn--active{background:var(--dark);color:#fff;border-color:var(--dark)}.bp-btn svg{width:16px;height:16px}
@media(max-width:1024px){.bf-card{grid-template-columns:1fr 1fr}.bfc-body{padding:32px 28px}.bfc-title{font-size:24px}.bg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-hero{padding:100px 24px 40px}.blog-filters,.blog-featured,.blog-grid-section,.blog-pagination{padding-left:24px;padding-right:24px}.bf-card{grid-template-columns:1fr}.bfc-img,.bfc-img-ph{min-height:220px}.bfc-body{padding:28px 24px}.bfc-title{font-size:22px}.bg-grid{grid-template-columns:1fr}}/* Mobile filter - horizontal scroll strip */
@media(max-width:480px){
.bf-bar{flex-wrap:nowrap;gap:6px;padding:10px 12px;position:relative}
.bf-tag{padding:7px 14px;font-size:11px;border:1.5px solid var(--border);background:var(--white)}
.bf-tag--active{border-color:var(--dark)}
.bf-search{display:none}
}

/* Particle canvas */
.blog-hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}
.blog-card{transition:transform .3s,box-shadow .3s,opacity .3s}