.blog-page{background:radial-gradient(circle at 20% 3%,rgba(99,216,233,.13),transparent 28rem),radial-gradient(circle at 88% 17%,rgba(111,159,248,.1),transparent 30rem),#000}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-hero{position:relative;overflow:hidden;padding:112px 0 76px}.blog-hero:after{content:"";position:absolute;inset:auto 8% -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,216,233,.42),transparent)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);gap:72px;align-items:end}.blog-hero h1{max-width:680px;margin:0;font-size:clamp(38px,3.7vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.blog-hero-copy{max-width:660px;margin:30px 0 0;color:var(--muted);font-size:clamp(18px,1.65vw,22px);line-height:1.55}
.blog-hero-note{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.blog-hero-note span{display:block;margin-bottom:16px;color:var(--aqua);font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.blog-hero-note p{margin:0;color:rgba(246,247,249,.82);font-size:16px;line-height:1.58}
.blog-tools{padding-top:34px}.blog-tools-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.blog-search{position:relative}.blog-search input{width:100%;min-height:58px;padding:0 54px 0 22px;border:1px solid var(--line);border-radius:18px;outline:0;background:rgba(255,255,255,.035);color:#fff;font-size:16px}.blog-search input:focus{border-color:rgba(99,216,233,.52);background:rgba(255,255,255,.055)}.blog-search input::placeholder{color:var(--muted-2)}.blog-search:after{content:"⌕";position:absolute;right:20px;top:50%;color:var(--aqua);font-size:24px;transform:translateY(-52%);pointer-events:none}
.blog-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.blog-filter{min-height:42px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer;font-size:13px}.blog-filter:hover,.blog-filter[aria-pressed=true]{border-color:rgba(99,216,233,.42);background:rgba(99,216,233,.1);color:#fff}
.blog-content{padding:64px 0 118px}.featured-article{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr);min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.012))}.featured-visual,.article-visual{position:relative;overflow:hidden;isolation:isolate}.featured-visual{min-height:520px;background:radial-gradient(circle at 34% 34%,rgba(124,233,244,.46),transparent 18%),radial-gradient(circle at 66% 63%,rgba(111,159,248,.38),transparent 22%),linear-gradient(135deg,#07171b,#0b2330 48%,#0b0d14)}
.featured-visual:before,.featured-visual:after,.article-visual:before,.article-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.015));box-shadow:0 38px 90px rgba(0,0,0,.32);transform:rotate(-13deg)}.featured-visual:before{width:58%;height:68%;left:14%;top:10%;border-radius:44px}.featured-visual:after{width:48%;height:55%;right:9%;bottom:8%;border-radius:36px;transform:rotate(11deg)}
.featured-visual-label{position:absolute;z-index:2;left:42px;right:42px;bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:24px}.featured-visual-label strong{max-width:440px;font-size:clamp(30px,3.6vw,52px);font-weight:550;line-height:.98;letter-spacing:-.04em}.featured-visual-label span{color:var(--aqua-bright);font-size:13px}
.featured-copy{display:flex;flex-direction:column;align-items:flex-start;padding:48px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted-2);font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.article-meta span:first-child{color:var(--aqua)}.featured-copy h2{margin:auto 0 0;font-size:clamp(38px,4vw,58px);font-weight:580;line-height:1.02;letter-spacing:-.045em}.featured-copy>p{margin:24px 0 30px;color:var(--muted);font-size:17px;line-height:1.58}
.articles-head,.home-blog-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.articles-head{margin:80px 0 30px}.articles-head h2{margin:0;font-size:clamp(36px,4vw,54px);font-weight:580;letter-spacing:-.04em}.articles-count{color:var(--muted-2);font-size:14px}.articles-grid,.home-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-card,.home-blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:transform .18s ease,border-color .18s ease}.article-card:hover,.home-blog-card:hover{transform:translateY(-5px);border-color:rgba(99,216,233,.32)}.article-visual{min-height:216px;border-bottom:1px solid var(--line);background:var(--card-gradient,linear-gradient(145deg,#0a1e23,#111823))}.article-visual:before{width:52%;height:70%;left:12%;top:16%;border-radius:30px}.article-visual:after{width:45%;height:55%;right:10%;bottom:9%;border-radius:24px;transform:rotate(12deg)}.article-number{position:absolute;z-index:2;right:24px;top:18px;color:rgba(255,255,255,.34);font-size:44px;font-weight:550;letter-spacing:-.05em}
.article-body,.home-blog-card{padding:28px}.article-body{display:flex;min-height:274px;flex-direction:column}.article-body h3,.home-blog-card h3{margin:24px 0 0;font-size:24px;font-weight:560;line-height:1.12;letter-spacing:-.025em}.article-body p,.home-blog-card p{margin:16px 0 24px;color:var(--muted);line-height:1.58}.article-body .text-link,.home-blog-card .text-link{margin-top:auto}.article-card[hidden]{display:none}.blog-empty{display:none;margin-top:30px;padding:34px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center}.blog-empty.is-visible{display:block}
.blog-cta{margin-top:80px;padding:48px;border:1px solid rgba(99,216,233,.22);border-radius:var(--radius-lg);background:radial-gradient(circle at 82% 12%,rgba(99,216,233,.16),transparent 18rem),linear-gradient(145deg,rgba(99,216,233,.075),rgba(255,255,255,.015))}.blog-cta h2{max-width:760px;margin:0;font-size:clamp(38px,4.5vw,62px);font-weight:580;line-height:1.02;letter-spacing:-.045em}.blog-cta p{max-width:680px;margin:22px 0 0;color:var(--muted);font-size:18px}
.home-blog-section{padding:112px 0}.home-blog-head{margin-bottom:40px}.home-blog-head .section-heading{max-width:760px}.home-blog-card{min-height:330px}.home-blog-card .article-meta{margin-bottom:auto}
.blog-hero-grid>*,.blog-tools-inner>*,.featured-article>*,.featured-copy>*,.articles-head>*{min-width:0}
.blog-page h1,.blog-page h2,.blog-page h3,.blog-hero-note p{overflow-wrap:anywhere}
@media(max-width:980px){.blog-hero-grid,.featured-article{grid-template-columns:minmax(0,1fr)}.blog-hero-grid{gap:40px}.blog-tools-inner{grid-template-columns:minmax(0,1fr)}.blog-filters{justify-content:flex-start}.featured-visual{min-height:420px}.featured-copy{min-height:430px}.articles-grid,.home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-hero{padding:56px 0 48px}.blog-hero h1{font-size:clamp(32px,9vw,54px);line-height:1.04;letter-spacing:-.045em}.blog-hero-copy{margin-top:24px}.blog-hero-note{padding:24px}.blog-filters{max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.blog-filter{flex:0 0 auto}.featured-visual{min-height:360px}.featured-visual-label{left:26px;right:26px;bottom:26px;align-items:flex-start;flex-direction:column}.featured-copy,.blog-cta{padding:24px}.featured-copy{min-height:400px}.articles-head,.home-blog-head{align-items:flex-start;flex-direction:column}.articles-grid,.home-blog-grid{grid-template-columns:minmax(0,1fr)}.home-blog-section,.blog-content{padding-block:64px}}
