:root{--bg0:#0d0620;--bg1:#1a0f31;--violet:#9d62ff;--pink:#ff62b7;--copper:#f0a06f;--green:#87ffd5;--text:#fff8ff;--muted:rgba(255,248,255,.70);--soft:rgba(255,248,255,.52);--line:rgba(255,255,255,.17);--glass:rgba(28,14,50,.66);--radius:30px;--container:min(1180px,calc(100vw - 40px));}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 18%,rgba(126,75,255,.34),transparent 30%),radial-gradient(circle at 82% 16%,rgba(255,98,183,.18),transparent 28%),radial-gradient(circle at 78% 84%,rgba(240,160,111,.23),transparent 35%),linear-gradient(135deg,#0d061c 0%,#190d2f 38%,#2a1748 70%,#12081f 100%);background-size:160% 160%;animation:bgDrift 24s ease-in-out infinite} @keyframes bgDrift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}} body::before{content:"";position:fixed;inset:-22%;pointer-events:none;background:conic-gradient(from 180deg at 55% 55%,rgba(157,98,255,.18),rgba(255,98,183,.08),rgba(240,160,111,.16),rgba(117,231,255,.07),rgba(157,98,255,.18));filter:blur(80px);opacity:.64;animation:slowNebula 22s linear infinite;z-index:-4}@keyframes slowNebula{to{transform:rotate(360deg) scale(1.05)}} a{color:inherit;text-decoration:none} button,input{font:inherit} .wrap{width:var(--container);margin:0 auto;padding:26px 0 90px}.nav{position:sticky;top:18px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:76px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(135deg,rgba(30,15,55,.78),rgba(45,22,76,.60));backdrop-filter:blur(22px) saturate(150%);box-shadow:0 18px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)}.brand{font-weight:900;font-size:1.55rem;letter-spacing:-.055em;background:linear-gradient(95deg,#fff,#f0a06f,#ff78b3);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{padding:12px 15px;border-radius:999px;color:var(--muted);font-weight:750}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.cta{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;font-weight:850;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink),var(--copper));box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 28px rgba(255,98,183,.22)}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:stretch;min-height:62vh}.hero-copy{padding:42px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--muted);font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.9;letter-spacing:-.085em;margin:16px 0 22px}.grad{background:linear-gradient(92deg,#fff,#f0a06f,#ff62b7,#9d62ff);-webkit-background-clip:text;background-clip:text;color:transparent}p{color:var(--muted);line-height:1.7}.featured-card{position:relative;min-height:520px;border-radius:36px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.05));box-shadow:0 34px 90px rgba(0,0,0,.31);display:flex;align-items:flex-end}.featured-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,6,28,.94),rgba(13,6,28,.32) 42%,rgba(13,6,28,.10));z-index:1}.featured-img{position:absolute;inset:0;background:radial-gradient(circle at 24% 18%,rgba(157,98,255,.45),transparent 28%),radial-gradient(circle at 80% 26%,rgba(255,98,183,.32),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));transition:transform .65s ease}.featured-card:hover .featured-img{transform:scale(1.04)}.featured-content{position:relative;z-index:2;padding:34px;max-width:720px}.badge{display:inline-flex;align-items:center;width:max-content;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(157,98,255,.24),rgba(255,98,183,.18));border:1px solid rgba(255,255,255,.16);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.featured-content h2{font-size:clamp(2rem,4vw,3.6rem);line-height:.98;letter-spacing:-.07em;margin:0 0 14px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--soft);font-weight:720;font-size:.92rem}.filter-bar{position:relative;margin:46px 0 28px;padding:13px;border:1px solid var(--line);border-radius:28px;background:rgba(24,13,45,.72);backdrop-filter:blur(22px);display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 18px 48px rgba(0,0,0,.20)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:0;cursor:pointer;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted);font-weight:820;transition:.22s}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,rgba(157,98,255,.32),rgba(255,98,183,.18));color:#fff}.filter-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sort-select{position:relative;min-width:226px;z-index:60}.sort-trigger{width:100%;border:0;outline:0;cursor:pointer;color:#fff;border-radius:999px;padding:1px;background:linear-gradient(135deg,rgba(157,98,255,.62),rgba(255,98,183,.36),rgba(209,141,79,.30));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 16px 42px rgba(0,0,0,.20);font:inherit}.sort-trigger-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;padding:13px 16px 13px 17px;background:linear-gradient(135deg,rgba(31,16,61,.96),rgba(55,28,86,.90));font-weight:950;letter-spacing:-.01em}.sort-trigger small{display:block;margin-bottom:2px;color:rgba(255,255,255,.54);font-size:.63rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;text-align:left}.sort-trigger-label{display:block;text-align:left;font-size:.92rem}.sort-caret{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:rgba(255,255,255,.82);transition:transform .22s ease,background .22s ease}.sort-select.is-open .sort-caret{transform:rotate(180deg);background:rgba(255,255,255,.13)}.sort-select:focus-within .sort-trigger{box-shadow:0 0 0 4px rgba(255,98,183,.12),0 0 24px rgba(157,98,255,.26)}.sort-menu{position:absolute;right:0;top:calc(100% + 10px);width:100%;display:none;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(27,14,50,.98),rgba(53,26,82,.96));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 32px rgba(255,98,183,.10);pointer-events:auto}.sort-select.is-open .sort-menu{display:grid;gap:6px}.sort-option{width:100%;border:0;border-radius:16px;padding:12px 13px;cursor:pointer;text-align:left;color:rgba(255,255,255,.78);background:transparent;font-weight:850;transition:background .18s ease,color .18s ease,transform .18s ease}.sort-option:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}.sort-option.is-active{color:#fff;background:linear-gradient(135deg,rgba(157,98,255,.30),rgba(255,98,183,.18));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.search{position:relative;min-width:min(360px,40vw)}.search input{width:100%;border:1px solid rgba(255,255,255,.13);outline:0;color:#fff;background:rgba(255,255,255,.07);border-radius:999px;padding:13px 46px 13px 16px}.search input:focus{border-color:rgba(255,98,183,.46);box-shadow:0 0 0 4px rgba(255,98,183,.10)}.search span{position:absolute;right:15px;top:50%;transform:translateY(-50%);opacity:.65}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{position:relative;display:flex;flex-direction:column;min-height:420px;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.046));box-shadow:0 26px 62px rgba(0,0,0,.18);transition:transform .24s ease,border-color .24s ease}.post-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24)}.post-img{position:relative;min-height:190px;overflow:hidden;background:radial-gradient(circle at 22% 30%,rgba(157,98,255,.38),transparent 32%),radial-gradient(circle at 80% 20%,rgba(255,98,183,.22),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}.post-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.18),transparent)}.post-img-inner{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}.post-card:hover .post-img-inner{transform:scale(1.06)}.post-img .badge{position:absolute;left:16px;top:16px;z-index:2;margin:0}.post-body{padding:22px;display:flex;flex-direction:column;flex:1}.post-body h3{font-size:1.35rem;line-height:1.22;letter-spacing:-.04em;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-body p{font-size:.96rem;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-foot{margin-top:auto;display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:.88rem;font-weight:740}.load-more{display:flex;justify-content:center;margin-top:34px}.ghost-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:#fff;border-radius:999px;padding:14px 20px;font-weight:850;cursor:pointer}.empty{padding:34px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.06);text-align:center;color:var(--muted);grid-column:1/-1}.footer{width:var(--container);margin:0 auto;padding:42px 0 60px;display:flex;justify-content:space-between;gap:22px;color:var(--soft);border-top:1px solid rgba(255,255,255,.1)}@media(max-width:980px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.filter-bar{position:relative;top:0;flex-direction:column;align-items:stretch}.search{min-width:0}.nav{border-radius:26px;align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap}.featured-card{min-height:440px}}@media(max-width:680px){.wrap{width:min(100vw - 28px,1180px)}.grid{grid-template-columns:1fr}h1{font-size:3.7rem}.featured-content{padding:24px}.featured-content h2{font-size:2rem}.filter-btn{font-size:.88rem}.footer{flex-direction:column}}
  
    .site-header{position:fixed;left:0;right:0;top:0;z-index:80;padding:14px 22px;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .34s ease,padding .25s ease}.site-header.hide{transform:translateY(-116%);opacity:0}.site-header.scrolled{padding-top:8px;padding-bottom:8px}.nav-shell{width:100%;min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 18px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(30,15,55,.78),rgba(45,22,76,.60));backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 18px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.blog-brand{display:inline-grid;line-height:.88;align-items:start;justify-items:start;padding-left:4px}.brand-main{font-weight:900;font-size:1.72rem;letter-spacing:-.055em;background:linear-gradient(95deg,#fff,#f0a06f,#ff78b3);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{justify-self:end;margin-top:2px;margin-right:3px;font-size:.70rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,248,255,.62);font-weight:850}.nav{position:static;top:auto;margin:0;border-radius:999px;background:transparent;backdrop-filter:none;box-shadow:none;border:0;padding:0}.wrap{padding-top:132px}.nav-links{justify-self:end}.nav-spacer{display:block}.featured-card,.post-card,.cover{background-size:cover;background-position:center}.featured-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 24%,rgba(255,98,183,.12),transparent 30%);pointer-events:none;z-index:1}.featured-content{z-index:3}@media(max-width:760px){.site-header{padding:10px 12px}.nav-shell{border-radius:26px;grid-template-columns:1fr;align-items:start}.nav-links{justify-self:start;flex-wrap:wrap}.wrap{padding-top:186px}.brand-main{font-size:1.55rem}.brand-sub{font-size:.62rem}}
@media(max-width:760px){.filter-bar{align-items:stretch;flex-direction:column;position:relative;top:auto;padding:12px;border-radius:24px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap}.filter-tools{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.sort-select,.search{width:100%;min-width:0}.sort-trigger,.search input{min-height:48px}.sort-menu{position:relative;top:8px;width:100%}.grid{grid-template-columns:1fr}}

    /* v60: Kiemelt blogcikk split layout - nincs több szöveg a szöveges borítóképen */
    .hero{grid-template-columns:1fr;min-height:auto;gap:28px;}
    .hero-copy{padding:24px 0 2px;max-width:880px;}
    .hero .devenit-featured-post{display:grid;grid-template-columns:45% 55%;align-items:stretch;min-height:0;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 76px rgba(0,0,0,.28);text-decoration:none;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;}
    .hero .devenit-featured-post::before{display:none!important;content:none!important;}
    .hero .devenit-featured-post:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.34);box-shadow:0 30px 86px rgba(0,0,0,.40),0 0 34px rgba(168,85,247,.10);}
    .featured-image-col{position:relative;min-height:360px;overflow:hidden;background:radial-gradient(circle at 25% 18%,rgba(157,98,255,.28),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.015));border-right:1px solid rgba(255,255,255,.07);}
    .hero .featured-img{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center left;transition:transform .6s ease;}
    .hero .devenit-featured-post:hover .featured-img{transform:scale(1.035);}
    .featured-content-col{position:relative;z-index:1;padding:42px 46px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;background:linear-gradient(145deg,rgba(12,6,26,.92),rgba(24,10,42,.78));}
    .featured-content-col::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 94% 12%,rgba(168,85,247,.16),transparent 36%);z-index:-1;}
    .featured-content-col .badge,.featured-category-pill{margin:0;}
    .featured-title{font-size:clamp(1.85rem,3vw,3rem)!important;line-height:1.08!important;letter-spacing:-.055em!important;margin:0!important;}
    .featured-excerpt{font-size:1.02rem;line-height:1.62;margin:0;color:var(--muted);}
    .featured-meta{margin-top:4px;color:var(--soft);}
    .featured-meta #featuredTime{color:var(--violet);font-weight:850;}
    @media(max-width:980px){.hero .devenit-featured-post{grid-template-columns:1fr;}.featured-image-col{min-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);}.featured-content-col{padding:30px 22px;}.featured-title{font-size:1.62rem!important;letter-spacing:-.04em!important;}.featured-excerpt{font-size:.98rem;}}
    @media(max-width:680px){.hero .devenit-featured-post{border-radius:24px;}.featured-image-col{min-height:220px;}.featured-content-col{padding:24px 18px 26px;gap:13px;}.featured-meta{font-size:.84rem;}}

/* v153: mobile-safe featured fallback and lighter mobile effects */
@media (max-width: 680px){
  body{animation:none!important;background-size:auto!important;}
  body::before{display:none!important;}
  .featured-card,.post-card,.site-header .nav-shell{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .featured-img,.post-img-inner,.featured-card,.post-card{transition-duration:.12s!important;animation:none!important;}
}

/* v191: Blog hero simplification + premium word-field background + scheduler UI polish */

.blog-knowledge-hero{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center;
  min-height:clamp(360px,54vh,620px)!important;
  margin:18px 0 36px;
  padding:clamp(42px,7vw,92px) clamp(18px,5vw,64px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 30%,rgba(157,98,255,.24),transparent 34%),
    radial-gradient(circle at 72% 68%,rgba(255,98,183,.10),transparent 38%),
    linear-gradient(135deg,rgba(8,3,19,.94),rgba(22,8,42,.78));
  box-shadow:0 34px 100px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.blog-knowledge-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-size:48px 48px;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);
  mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 0%,rgba(0,0,0,.62) 42%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 0%,rgba(0,0,0,.62) 42%,transparent 78%);
}
.blog-knowledge-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(5,2,15,.84),rgba(5,2,15,.18) 42%,rgba(5,2,15,.84));
  pointer-events:none;
}
.blog-hero-ambient{
  position:absolute;
  inset:auto auto 8% 50%;
  width:min(720px,80vw);
  height:min(720px,80vw);
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(circle,rgba(157,98,255,.18),rgba(255,98,183,.09) 34%,transparent 66%);
  filter:blur(8px);
  animation:blogAmbientPulse 10s ease-in-out infinite alternate;
  z-index:-2;
}
@keyframes blogAmbientPulse{from{opacity:.52;transform:translateX(-50%) scale(.92)}to{opacity:.86;transform:translateX(-50%) scale(1.06)}}
.blog-hero-typing-bg{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:18px 28px;
  align-content:center;
  padding:34px;
  opacity:.22;
  transform:rotate(-7deg) scale(1.06);
  pointer-events:none;
  user-select:none;
  z-index:-1;
}
.blog-hero-typing-bg span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:rgba(255,248,255,.68);
  font-size:clamp(.76rem,1.5vw,.98rem);
  font-weight:850;
  letter-spacing:.02em;
  box-shadow:0 12px 38px rgba(0,0,0,.18);
  animation:blogWordFloat 9s ease-in-out infinite;
  animation-delay:var(--d,0s);
}
.blog-hero-typing-bg span::before{
  content:">";
  color:rgba(255,98,183,.82);
  font-weight:950;
}
@keyframes blogWordFloat{
  0%,100%{transform:translate3d(0,0,0);opacity:.34}
  42%{transform:translate3d(22px,-16px,0);opacity:.82}
  68%{transform:translate3d(-10px,10px,0);opacity:.52}
}
.blog-hero-copy{
  position:relative;
  z-index:2;
  max-width:980px!important;
  padding:0!important;
  text-align:center;
  align-items:center;
}
.blog-hero-copy h1{
  margin:0!important;
  text-wrap:balance;
  text-shadow:0 18px 62px rgba(0,0,0,.28);
}
.blog-knowledge-hero .eyebrow,
.blog-knowledge-hero p,
.blog-knowledge-hero .devenit-featured-post{display:none!important;}
.filter-tools{align-items:stretch;}
.sort-select{min-width:min(360px,40vw);}
.sort-trigger{
  height:100%;
  min-height:50px;
  background:linear-gradient(145deg,rgba(16,8,32,.78),rgba(32,13,54,.66));
  box-shadow:0 14px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:0;
  overflow:hidden;
  position:relative;
}
.sort-trigger::before{display:none!important;content:none!important;}
.sort-trigger-inner{
  min-height:50px;
  height:100%;
  padding:0 43px 0 17px;
  background:transparent;
  border-radius:18px;
  font-weight:850;
  position:relative;
}
.sort-trigger small{display:none!important;}
.sort-trigger-label{font-size:.96rem;font-weight:850;color:rgba(255,248,255,.88);letter-spacing:-.01em;}
.sort-caret{
  position:absolute;
  right:15px;
  top:50%;
  width:9px;
  height:9px;
  border:solid rgba(255,248,255,.72);
  border-width:0 2px 2px 0;
  border-radius:0;
  background:transparent!important;
  transform:translateY(-68%) rotate(45deg);
  display:block;
  color:transparent;
  transition:transform .22s ease,border-color .22s ease,opacity .22s ease;
}
.sort-select.is-open .sort-caret{transform:translateY(-28%) rotate(225deg);border-color:#fff;}
.sort-trigger:hover{border-color:rgba(255,255,255,.23);background:linear-gradient(145deg,rgba(23,10,43,.86),rgba(42,18,66,.72));}
.sort-select:focus-within .sort-trigger{border-color:rgba(255,98,183,.46);box-shadow:0 0 0 4px rgba(255,98,183,.10),0 16px 42px rgba(0,0,0,.18);}
.sort-menu{border-radius:18px;top:calc(100% + 8px);padding:7px;background:linear-gradient(145deg,rgba(18,8,36,.985),rgba(42,17,64,.965));box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 34px rgba(157,98,255,.12);}
.sort-option{border-radius:13px;padding:12px 13px;}
.sort-option.is-active{background:linear-gradient(135deg,rgba(157,98,255,.28),rgba(255,98,183,.14));}

.search{
  position:relative;
  min-width:min(360px,40vw);
  isolation:isolate;
}
.search::before{display:none!important;content:none!important;}
.search input{
  min-height:50px;
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  outline:0;
  color:#fff;
  background:linear-gradient(145deg,rgba(16,8,32,.78),rgba(32,13,54,.66));
  border-radius:18px;
  padding:0 43px 0 17px;
  box-shadow:0 14px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.075);
  font-weight:780;
  letter-spacing:-.01em;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.search input::placeholder{color:rgba(255,248,255,.48);font-weight:760;}
.search input:hover{border-color:rgba(255,255,255,.23);background:linear-gradient(145deg,rgba(23,10,43,.86),rgba(42,18,66,.72));}
.search input:focus{border-color:rgba(255,98,183,.46);box-shadow:0 0 0 4px rgba(255,98,183,.10),0 16px 42px rgba(0,0,0,.18);}
.search span{
  right:16px;
  width:auto;
  height:auto;
  color:rgba(255,248,255,.68);
  opacity:1;
  font-size:1.02rem;
  line-height:1;
  pointer-events:none;
}

@media(max-width:980px){.blog-knowledge-hero{border-radius:34px;min-height:390px!important}.blog-hero-typing-bg{grid-template-columns:repeat(3,minmax(110px,1fr));opacity:.18}.sort-select{min-width:0;}}
@media(max-width:680px){.blog-knowledge-hero{min-height:320px!important;border-radius:28px;padding:52px 18px}.blog-hero-copy h1{font-size:clamp(3.1rem,17vw,4.8rem)!important;line-height:.92!important}.blog-hero-typing-bg{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;opacity:.14;padding:18px;transform:rotate(-8deg) scale(1.12)}.blog-hero-typing-bg span{padding:8px 11px}.sort-select,.search{min-width:0;width:100%;}.sort-trigger,.search input{width:100%;}}
@media (prefers-reduced-motion: reduce){.blog-hero-ambient,.blog-hero-typing-bg span{animation:none!important;}.blog-hero-typing-bg span{opacity:.42;}}


/* v192: Apple/Big-Tech style blog hero — no boxed/card container */
.blog-knowledge-hero{
  width:min(100%,1240px)!important;
  min-height:clamp(420px,58vh,660px)!important;
  margin:10px auto 42px!important;
  padding:clamp(76px,10vw,132px) clamp(10px,4vw,44px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.blog-knowledge-hero::before{
  inset:-18% -8%!important;
  z-index:-3!important;
  background-size:64px 64px!important;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,.28) 42%,transparent 74%)!important;
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,.28) 42%,transparent 74%)!important;
}
.blog-knowledge-hero::after{
  inset:-22% -12%!important;
  z-index:-2!important;
  background:
    radial-gradient(ellipse at 50% 38%,rgba(157,98,255,.20),transparent 44%),
    radial-gradient(ellipse at 58% 64%,rgba(255,98,183,.09),transparent 48%),
    linear-gradient(180deg,transparent,rgba(5,2,15,.34) 82%,transparent)!important;
}
.blog-hero-ambient{
  top:50%!important;
  bottom:auto!important;
  left:50%!important;
  width:min(980px,92vw)!important;
  height:min(520px,58vw)!important;
  transform:translate(-50%,-50%)!important;
  background:radial-gradient(ellipse,rgba(157,98,255,.18),rgba(255,98,183,.075) 42%,transparent 72%)!important;
  filter:blur(18px)!important;
  opacity:.72!important;
}
@keyframes blogAmbientPulse{from{opacity:.50;transform:translate(-50%,-50%) scale(.96)}to{opacity:.78;transform:translate(-50%,-50%) scale(1.05)}}
.blog-hero-typing-bg{
  inset:-10% -6%!important;
  grid-template-columns:repeat(4,minmax(140px,1fr))!important;
  gap:24px 44px!important;
  align-content:center!important;
  justify-items:center!important;
  padding:0!important;
  opacity:.18!important;
  transform:rotate(-6deg) scale(1.07)!important;
  mix-blend-mode:screen;
}
.blog-hero-typing-bg span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,248,255,.46)!important;
  font-family:"SF Mono","Roboto Mono","Cascadia Code",ui-monospace,Menlo,Monaco,Consolas,monospace!important;
  font-size:clamp(.84rem,1.55vw,1.12rem)!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  text-shadow:0 0 34px rgba(157,98,255,.18)!important;
}
.blog-hero-typing-bg span::before{
  content:""!important;
  width:6px!important;
  height:1.15em!important;
  display:inline-block!important;
  margin-right:10px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,98,183,.58))!important;
  opacity:.52!important;
  transform:translateY(2px);
}
@keyframes blogWordFloat{
  0%,100%{transform:translate3d(0,0,0);opacity:.24}
  42%{transform:translate3d(18px,-14px,0);opacity:.62}
  68%{transform:translate3d(-8px,9px,0);opacity:.38}
}
.blog-hero-copy{
  max-width:1040px!important;
}
.blog-hero-copy h1{
  font-size:clamp(4.2rem,10vw,9.4rem)!important;
  line-height:.86!important;
  letter-spacing:-.095em!important;
  text-shadow:0 34px 100px rgba(0,0,0,.56)!important;
}
@media(max-width:980px){
  .blog-knowledge-hero{min-height:430px!important;margin-top:4px!important;padding:86px 16px 76px!important;border-radius:0!important;}
  .blog-hero-typing-bg{grid-template-columns:repeat(3,minmax(120px,1fr))!important;opacity:.14!important;gap:20px 28px!important;}
}
@media(max-width:680px){
  .blog-knowledge-hero{min-height:390px!important;padding:74px 8px 64px!important;border-radius:0!important;}
  .blog-hero-copy h1{font-size:clamp(4rem,20vw,6.2rem)!important;line-height:.86!important;}
  .blog-hero-typing-bg{grid-template-columns:repeat(2,minmax(110px,1fr))!important;gap:16px 24px!important;opacity:.11!important;transform:rotate(-7deg) scale(1.12)!important;}
  .blog-hero-typing-bg span{font-size:.78rem!important;}
}


/* v193: remove boxed dark hero feel + protect gradient title punctuation */
.blog-knowledge-hero{
  position:relative!important;
  isolation:isolate!important;
}
.blog-knowledge-hero::before{
  inset:-28% -16%!important;
  background-size:72px 72px!important;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.62) 0%,rgba(0,0,0,.21) 42%,transparent 76%)!important;
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.62) 0%,rgba(0,0,0,.21) 42%,transparent 76%)!important;
  opacity:.9!important;
}
.blog-knowledge-hero::after{
  inset:-34% -22%!important;
  background:
    radial-gradient(ellipse at 50% 40%,rgba(157,98,255,.14),transparent 44%),
    radial-gradient(ellipse at 62% 60%,rgba(255,98,183,.06),transparent 50%),
    radial-gradient(ellipse at 36% 36%,rgba(255,255,255,.025),transparent 28%)!important;
  filter:blur(2px);
  opacity:.95!important;
}
.blog-hero-ambient{
  opacity:.62!important;
}
.blog-hero-copy h1{
  line-height:.9!important;
  overflow:visible!important;
  padding-right:.06em!important;
}
.blog-hero-copy .grad{
  display:inline-block!important;
  padding-right:.08em!important;
}
@media(max-width:980px){
  .blog-knowledge-hero::before{inset:-24% -12%!important;}
  .blog-knowledge-hero::after{inset:-28% -16%!important;}
}
@media(max-width:680px){
  .blog-hero-copy h1{padding-right:.08em!important;}
  .blog-hero-copy .grad{padding-right:.10em!important;}
}


/* v194: blog fejléc - középre igazított fő navigáció, CTA marad jobbra */
.site-header .nav-shell{
  grid-template-columns:auto 1fr auto;
}
.blog-nav-center{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.blog-nav-actions{
  justify-self:end;
  display:flex;
  align-items:center;
}
@media(max-width:760px){
  .site-header .nav-shell{
    grid-template-columns:1fr;
  }
  .blog-nav-center,
  .blog-nav-actions{
    justify-self:start;
  }
  .blog-nav-center{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

/* v198: mobile top app bar + visible/animated blog content */
@media (max-width:760px){
  body.page-blog .site-header{
    padding:0!important;
    background:linear-gradient(135deg,rgba(18,9,38,.96),rgba(36,18,66,.94))!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 10px 34px rgba(0,0,0,.28)!important;
  }
  body.page-blog .site-header.hide,
  body.page-blog .site-header.scrolled{
    transform:none!important;
    opacity:1!important;
    padding:0!important;
  }
  body.page-blog .site-header .nav-shell{
    min-height:52px!important;
    grid-template-columns:auto auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:7px 14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.page-blog .blog-brand{padding-left:0!important;}
  body.page-blog .brand-main{font-size:1.34rem!important;letter-spacing:-.055em!important;}
  body.page-blog .brand-sub{font-size:.50rem!important;margin-top:0!important;letter-spacing:.19em!important;}
  body.page-blog .blog-nav-center{
    justify-self:end!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:0!important;
  }
  body.page-blog .blog-nav-center .nav-link[href="/#arak"],
  body.page-blog .blog-nav-actions{display:none!important;}
  body.page-blog .blog-nav-center .nav-link{
    padding:9px 0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:.93rem!important;
    font-weight:850!important;
  }
  body.page-blog .wrap{padding-top:68px!important;}
  body.page-blog .blog-knowledge-hero,
  body.page-blog .filter-bar,
  body.page-blog .post-card,
  body.page-blog .empty,
  body.page-blog .load-more{
    animation:blogMobileRise .52s cubic-bezier(.2,.8,.2,1) both!important;
  }
  body.page-blog .filter-bar{animation-delay:.06s!important;}
  body.page-blog .post-card:nth-child(1){animation-delay:.08s!important;}
  body.page-blog .post-card:nth-child(2){animation-delay:.13s!important;}
  body.page-blog .post-card:nth-child(3){animation-delay:.18s!important;}
  body.page-blog .post-card:nth-child(n+4){animation-delay:.22s!important;}
}
@keyframes blogMobileRise{
  from{opacity:0;transform:translate3d(0,18px,0);filter:blur(5px);}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}