*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#030712;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.65}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
#bl-nav{position:fixed;top:0;left:0;right:0;z-index:9000;background:rgba(3,7,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.bl-nav-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}
.bl-nav-logo{display:flex;align-items:center;gap:10px;font-family:'Syne',sans-serif;font-weight:900;color:#3b82f6;font-size:1.1rem;text-decoration:none}
.bl-nav-links{display:flex;align-items:center;gap:1.5rem}
.bl-nav-links a{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;text-decoration:none}
.bl-nav-links a:hover,.bl-nav-links a.active{color:#fff}
.bl-nav-cta{background:#2563eb;color:#fff!important;padding:.55rem 1rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none!important;white-space:nowrap}
.bl-nav-right{display:flex;align-items:center;gap:.65rem}
.bl-nav-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;padding:0}
.bl-nav-toggle span,.bl-nav-toggle span::before,.bl-nav-toggle span::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative}
.bl-nav-toggle span::before,.bl-nav-toggle span::after{content:'';position:absolute;left:0}
.bl-nav-toggle span::before{top:-6px}
.bl-nav-toggle span::after{top:6px}
.bl-nav-drawer{display:none}
.bl-nav-overlay{display:none;position:fixed;inset:0;background:rgba(2,6,23,.65);z-index:8999}
@media(max-width:768px){
  .bl-nav-links,.bl-nav-cta{display:none}
  .bl-nav-toggle{display:flex}
  .bl-nav-drawer.open{display:flex;position:fixed;top:0;right:0;width:min(78vw,300px);height:100vh;height:100dvh;flex-direction:column;gap:0;background:#0f172a;border-left:1px solid rgba(255,255,255,.08);padding:5.5rem 1.25rem 1.5rem;z-index:9001}
  .bl-nav-drawer a{display:block;padding:.85rem 0;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#cbd5e1;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06)}
  .bl-nav-drawer a.active{color:#fff}
  .bl-nav-drawer .bl-drawer-cta{margin-top:1rem;text-align:center;background:#2563eb;color:#fff!important;padding:.85rem;border-radius:10px;border-bottom:none}
  .bl-nav-overlay.open{display:block}
}
#bl-hero{padding:7.5rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
#bl-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(37,99,235,.18),transparent 70%);pointer-events:none}
.bl-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:1}
.bl-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#60a5fa;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.25rem}
.bl-hero h1{font-family:'Syne',sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.08;margin-bottom:1rem}
.bl-hero h1 em{font-style:normal;color:#3b82f6}
.bl-hero p{color:#94a3b8;font-size:1rem;line-height:1.7;max-width:680px;margin:0 auto}
#bl-main{max-width:1100px;margin:0 auto;padding:0 1.5rem 5rem}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:2rem}
.bl-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:0;display:flex;flex-direction:column;gap:0;transition:border-color .2s,transform .2s;overflow:hidden}
.bl-card:hover{border-color:rgba(59,130,246,.35);transform:translateY(-2px)}
.bl-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}
.bl-card-media{display:block;overflow:hidden;flex-shrink:0}
.bl-card-media img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease}
.bl-card:hover .bl-card-media img{transform:scale(1.03)}
.bl-card-media:hover{text-decoration:none}
.bl-card-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#60a5fa}
.bl-card h2{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;line-height:1.25}
.bl-card h2 a{color:#fff;text-decoration:none}
.bl-card h2 a:hover{color:#93c5fd;text-decoration:none}
.bl-card p{color:#94a3b8;font-size:.88rem;line-height:1.6;flex:1}
.bl-card-meta{font-size:.75rem;color:#64748b;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.bl-card-link{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#60a5fa!important;text-decoration:none!important}
.bl-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:0;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(15,23,42,.8));border:1px solid rgba(59,130,246,.25);border-radius:20px;overflow:hidden}
@media(min-width:768px){.bl-featured{grid-template-columns:1.15fr .85fr;align-items:stretch}}
.bl-featured-body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center}
.bl-featured .bl-card-media{border-radius:0;height:100%;min-height:220px}
.bl-featured .bl-card-media img{height:100%;min-height:220px;aspect-ratio:auto}
.bl-featured h2{font-family:'Syne',sans-serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:900;line-height:1.2;margin-bottom:.65rem}
.bl-featured h2 a{color:#fff;text-decoration:none}
.bl-cta-bar{margin-top:3rem;padding:1.75rem;border-radius:16px;text-align:center;background:rgba(37,99,235,.1);border:1px solid rgba(59,130,246,.25)}
.bl-cta-bar h2{font-family:'Syne',sans-serif;font-size:1.25rem;margin-bottom:.5rem}
.bl-cta-bar p{color:#94a3b8;font-size:.9rem;margin-bottom:1rem}
.bl-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;border-radius:999px;background:#2563eb;color:#fff!important;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none!important}
.bl-btn:hover{background:#1d4ed8;text-decoration:none!important}
.bl-article-wrap{max-width:760px;margin:0 auto;padding:0 1.5rem 5rem}
.bl-article-header{padding:7rem 1.5rem 2rem;max-width:760px;margin:0 auto}
.bl-article-header h1{font-family:'Syne',sans-serif;font-size:clamp(1.85rem,4.5vw,2.65rem);font-weight:900;line-height:1.12;margin:.75rem 0 1rem}
.bl-article-meta{font-size:.82rem;color:#64748b;display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:1rem}
.bl-lead{font-size:1.08rem;color:#cbd5e1;line-height:1.75;margin-bottom:2rem}
.bl-article-body h2{font-family:'Syne',sans-serif;font-size:1.35rem;font-weight:800;margin:2rem 0 .75rem;color:#f1f5f9}
.bl-article-body h3{font-size:1.05rem;font-weight:700;margin:1.5rem 0 .5rem;color:#e2e8f0}
.bl-article-body p{color:#94a3b8;margin-bottom:1rem;font-size:.95rem}
.bl-article-body ul,.bl-article-body ol{color:#94a3b8;margin:0 0 1rem 1.25rem;font-size:.95rem}
.bl-article-body li{margin-bottom:.45rem}
.bl-article-body strong{color:#e2e8f0}
.bl-tip{padding:1rem 1.15rem;border-radius:12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);margin:1.5rem 0}
.bl-tip strong{color:#60a5fa;display:block;margin-bottom:.35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.bl-related{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}
.bl-related h2{font-family:'Syne',sans-serif;font-size:1.1rem;margin-bottom:1rem}
.bl-related ul{list-style:none;margin:0;padding:0}
.bl-related li{margin-bottom:.65rem}
.bl-breadcrumb{font-size:.78rem;color:#64748b;margin-bottom:.5rem}
.bl-breadcrumb a{color:#64748b}
.bl-article-header + .bl-article-hero,.bl-article-hero{max-width:760px;margin:0 auto 2rem;padding:0 1.5rem}
.bl-article-hero{margin-bottom:2rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.bl-article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bl-figure{margin:1.75rem 0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.bl-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bl-figure figcaption{font-size:.72rem;color:#64748b;padding:.65rem .85rem;background:rgba(255,255,255,.03);line-height:1.45}
.bl-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem;margin:1.75rem 0 2rem;align-items:start}
.bl-gallery figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0a0f1a;position:relative;aspect-ratio:1/1}
.bl-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .35s ease}
.bl-gallery figure:hover img{transform:scale(1.04)}
.bl-gallery .is-portrait{aspect-ratio:3/4}
.bl-gallery-caption{grid-column:1/-1;font-size:.78rem;color:#64748b;line-height:1.5;margin:0 0 .25rem}
@media(min-width:768px){.bl-gallery{grid-template-columns:repeat(3,1fr)}.bl-gallery .is-wide{grid-column:span 2;aspect-ratio:16/9}}
.bl-figure-contain img{aspect-ratio:auto;max-height:min(78vh,820px);object-fit:contain;background:#0a0f1a}
.bl-lightbox-trigger{cursor:zoom-in}
.bl-article-hero img,.bl-figure:not(.bl-figure-contain) img{cursor:zoom-in}
#bl-lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
#bl-lightbox.is-open{opacity:1;visibility:visible}
#bl-lightbox[hidden]{display:none!important}
.bl-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.82);backdrop-filter:blur(8px)}
.bl-lightbox-sheet{position:relative;z-index:1;width:100%;max-width:980px;max-height:min(92vh,900px);background:linear-gradient(180deg,#111827 0%,#0b1220 100%);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.45);transform:translateY(105%);transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}
#bl-lightbox.is-open .bl-lightbox-sheet{transform:translateY(0)}
.bl-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .35rem;border-bottom:1px solid rgba(255,255,255,.06)}
.bl-lightbox-counter{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
.bl-lightbox-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#e2e8f0;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.bl-lightbox-close:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35)}
.bl-lightbox-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;background:#020617;overflow:hidden}
.bl-lightbox-img{max-width:100%;max-height:min(68vh,720px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.bl-lightbox-img.bl-slide-in{animation:bl-lightbox-in .42s cubic-bezier(.16,1,.3,1) both}
.bl-lightbox-img.bl-slide-from-right{animation:bl-lightbox-from-right .42s cubic-bezier(.16,1,.3,1) both}
.bl-lightbox-img.bl-slide-from-left{animation:bl-lightbox-from-left .42s cubic-bezier(.16,1,.3,1) both}
@keyframes bl-lightbox-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes bl-lightbox-from-right{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}
@keyframes bl-lightbox-from-left{from{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:translateX(0)}}
.bl-lightbox-caption{margin:0;padding:.75rem 1.25rem 1rem;font-size:.82rem;line-height:1.55;color:#94a3b8;border-top:1px solid rgba(255,255,255,.06)}
.bl-lightbox-nav{display:flex;justify-content:space-between;gap:.75rem;padding:0 1rem 1rem;margin-top:-.25rem}
.bl-lightbox-prev,.bl-lightbox-next{flex:1;min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(59,130,246,.12);color:#dbeafe;font-size:1.35rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.bl-lightbox-prev:hover,.bl-lightbox-next:hover{background:rgba(59,130,246,.22);border-color:rgba(96,165,250,.45);transform:translateY(-1px)}
.bl-lightbox-prev:disabled,.bl-lightbox-next:disabled{opacity:.35;cursor:not-allowed;transform:none}
body.bl-lightbox-open{overflow:hidden}
@media(min-width:768px){#bl-lightbox{align-items:center;padding:1.5rem}.bl-lightbox-sheet{max-height:min(88vh,860px);border-radius:20px;border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(24px) scale(.96);opacity:0}.bl-lightbox-sheet,#bl-lightbox.is-open .bl-lightbox-sheet{transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease}#bl-lightbox.is-open .bl-lightbox-sheet{transform:translateY(0) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.bl-lightbox-sheet,#bl-lightbox.is-open .bl-lightbox-sheet{transition:none!important;transform:none!important;animation:none!important}.bl-lightbox-img.bl-slide-in,.bl-lightbox-img.bl-slide-from-right,.bl-lightbox-img.bl-slide-from-left{animation:none!important}}
#bl-hero.has-cover{padding-bottom:2.5rem}
#bl-hero.has-cover .bl-hero-inner{max-width:1100px}
.bl-hub-cover{margin-top:1.75rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 48px rgba(0,0,0,.4)}
.bl-hub-cover img{width:100%;max-height:280px;object-fit:cover;display:block}
footer{padding:2rem 1.5rem;text-align:center;color:#64748b;font-size:.82rem;border-top:1px solid rgba(255,255,255,.06)}
footer a{color:#94a3b8}