.blog-page{position:relative;isolation:isolate}.blog-page__ambient{position:absolute;inset:-6rem -2rem auto;height:32rem;pointer-events:none;overflow:hidden}.blog-page__ambient-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(color-mix(in srgb,var(--color-border) 90%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 90%,transparent) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 0%,transparent 75%)}.blog-page__ambient-orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.4}html:not(.dark) .blog-page__ambient-orb{opacity:.28}.blog-page__ambient-orb--a{width:280px;height:280px;top:-40px;left:5%;background:color-mix(in srgb,var(--color-accent) 55%,transparent)}.blog-page__ambient-orb--b{width:220px;height:220px;top:20px;right:8%;background:color-mix(in srgb,#a78bfa 50%,transparent)}.blog-page__glow{position:absolute;inset:-8rem 0 auto;height:28rem;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 20% 0%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 62%),radial-gradient(ellipse 55% 45% at 85% 5%,color-mix(in srgb,#a78bfa 10%,transparent),transparent 58%)}.blog-hero{position:relative;z-index:1;display:grid;gap:1.75rem;margin-bottom:2rem}@media (min-width: 768px){.blog-hero{grid-template-columns:1fr auto;align-items:end;gap:2rem}}.blog-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.blog-hero__eyebrow:before{content:"";width:1.5rem;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.blog-page__title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,3.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--color-text-primary)}.blog-page__title-accent{background:linear-gradient(120deg,var(--color-text-primary) 20%,var(--color-accent) 55%,#a78bfa 90%);-webkit-background-clip:text;background-clip:text;color:transparent}html:not(.dark) .blog-page__title-accent{background:linear-gradient(120deg,#111420 10%,var(--color-accent) 50%,#7c3aed 95%);-webkit-background-clip:text;background-clip:text}.blog-page__subtitle{margin-top:.85rem;max-width:32rem;font-size:var(--text-body-lg);line-height:1.65;color:var(--color-text-secondary)}.blog-hero__metrics{display:flex;flex-wrap:wrap;gap:.65rem}.blog-metric{display:flex;flex-direction:column;gap:.15rem;min-width:5.5rem;padding:.85rem 1.1rem;border-radius:1rem;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-surface) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.blog-metric__value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1;color:var(--color-text-primary)}.blog-metric__label{font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.blog-metric--accent .blog-metric__value{color:var(--color-accent)}.blog-toolbar{position:relative;z-index:1;margin-bottom:1.5rem;padding:1.15rem 1.25rem;border:1px solid var(--color-border);border-radius:1.35rem;background:color-mix(in srgb,var(--color-bg-surface) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px color-mix(in srgb,#fff 6%,transparent) inset}.blog-toolbar__filters-wrap{position:relative;margin-bottom:1rem}.blog-toolbar__filters-wrap:before,.blog-toolbar__filters-wrap:after{content:"";position:absolute;top:0;bottom:0;width:1.5rem;z-index:2;pointer-events:none}.blog-toolbar__filters-wrap:before{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg-surface) 95%,transparent),transparent)}.blog-toolbar__filters-wrap:after{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--color-bg-surface) 95%,transparent),transparent)}.blog-toolbar__filters{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:.15rem .25rem;scrollbar-width:none;-ms-overflow-style:none}.blog-toolbar__filters::-webkit-scrollbar{display:none}.blog-pill{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;white-space:nowrap;padding:.5rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.blog-pill:hover{border-color:color-mix(in srgb,var(--card-accent, var(--color-accent)) 40%,var(--color-border));color:var(--color-text-primary);transform:translateY(-1px)}.blog-pill--active{border-color:transparent;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;box-shadow:0 4px 16px -4px color-mix(in srgb,var(--color-accent) 55%,transparent)}.blog-pill__count{opacity:.8;font-size:.75rem;font-variant-numeric:tabular-nums}.blog-toolbar__search{position:relative}.blog-toolbar__search input{width:100%;padding:.8rem 1rem .8rem 2.75rem;border-radius:.9rem;border:1px solid var(--color-border);background:var(--color-bg-base);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.blog-toolbar__search input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.blog-toolbar__search input::placeholder{color:var(--color-text-muted)}.blog-toolbar__search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.blog-stats-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.75rem;padding:.65rem 1rem;border-radius:.75rem;border:1px dashed var(--color-border);font-size:.8125rem;color:var(--color-text-muted)}.blog-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.blog-active-filters__chip{padding:.2rem .55rem;border-radius:.375rem;font-size:.8125rem;background:var(--color-accent-soft);color:var(--color-accent)}.blog-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.35rem}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.blog-grid--bento .blog-card--featured{grid-column:span 2}.blog-grid--bento .blog-card--featured .blog-card__hero{min-height:11.5rem}.blog-grid--bento .blog-card--featured .blog-card__title{font-size:1.45rem;-webkit-line-clamp:4}}@media (min-width: 640px){.blog-grid--list-view{grid-template-columns:1fr!important;gap:1.25rem}.blog-grid--list-view .blog-card{flex-direction:row;min-height:12rem;align-items:stretch}.blog-grid--list-view .blog-card__hero{width:35%;min-height:auto;clip-path:none;border-right:1px solid var(--color-border)}.blog-grid--list-view .blog-card__body{width:65%;border-left:none;padding:1.5rem;background:transparent}.blog-grid--list-view .blog-card__title{font-size:1.25rem}.blog-grid--list-view .blog-card__excerpt{-webkit-line-clamp:3}}.blog-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1.35rem;border:1px solid var(--color-border);background:var(--color-bg-surface);transition:border-color .3s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;animation:var(--animate-slide-up)}.blog-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent, var(--color-accent)) 35%,transparent),transparent 45%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.blog-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--color-accent)) 45%,var(--color-border));transform:translateY(-5px) rotate(var(--card-tilt, 0deg));box-shadow:0 24px 48px -20px color-mix(in srgb,var(--card-accent, var(--color-accent)) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--card-accent, var(--color-accent)) 12%,transparent)}.blog-card:hover:before{opacity:1}.blog-card__index{position:absolute;top:.85rem;right:.85rem;z-index:5;font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:#ffffff8c;pointer-events:none}.blog-card__hero{position:relative;display:flex;min-height:9.25rem;flex-direction:column;justify-content:flex-end;padding:1.2rem 1.25rem;text-decoration:none;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.blog-card--featured .blog-card__hero{min-height:10rem}.blog-card__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;transition:transform .5s ease,opacity .35s ease}.blog-card:hover .blog-card__cover{transform:scale(1.06);opacity:.28}.blog-card__cover--svg{object-fit:contain;padding:1.25rem;opacity:.32}.blog-card__gradient{position:absolute;inset:0}.blog-card__gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.15) 50%,transparent 100%)}.blog-card__shine{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.2) 0%,transparent 38%,transparent 100%);opacity:.7}.blog-card__grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.blog-card__gradient--accent{background:linear-gradient(128deg,#6d7fe8,#4f5fc4 42%,#1e2344)}.blog-card__gradient--violet{background:linear-gradient(128deg,#a78bfa,#7c3aed 42%,#3b0764)}.blog-card__gradient--emerald{background:linear-gradient(128deg,#34d399,#059669 45%,#022c22)}.blog-card__gradient--amber{background:linear-gradient(128deg,#fbbf24,#d97706 45%,#451a03)}.blog-card__gradient--cyan{background:linear-gradient(128deg,#22d3ee,#0891b2 45%,#083344)}.blog-card__gradient--rose{background:linear-gradient(128deg,#fb7185,#e11d48 45%,#4c0519)}.blog-card__title{position:relative;z-index:2;font-family:var(--font-display);font-size:1.0625rem;font-weight:700;line-height:1.38;letter-spacing:-.025em;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 16px rgba(0,0,0,.4)}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:.6rem;padding:1rem 1.2rem 1.15rem;border-left:3px solid var(--card-accent, var(--color-accent));margin-left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent, var(--color-accent)) 6%,transparent),transparent 28%)}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.blog-card__category{display:inline-flex;padding:.2rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blog-card__category--teknoloji{background:color-mix(in srgb,#3b82f6 22%,transparent);color:#60a5fa}.blog-card__category--kariyer{background:color-mix(in srgb,#22c55e 22%,transparent);color:#4ade80}.blog-card__category--rehberler{background:color-mix(in srgb,#a78bfa 22%,transparent);color:#c4b5fd}.blog-card__category--yasam{background:color-mix(in srgb,#f97316 22%,transparent);color:#fdba74}.blog-card__category--default{background:var(--color-accent-soft);color:var(--color-accent)}html:not(.dark) .blog-card__category--teknoloji{color:#2563eb}html:not(.dark) .blog-card__category--kariyer{color:#15803d}html:not(.dark) .blog-card__category--rehberler{color:#7c3aed}html:not(.dark) .blog-card__category--yasam{color:#c2410c}.blog-card__date{font-size:.8125rem;color:var(--color-text-muted)}.blog-card__excerpt{flex:1;font-size:.875rem;line-height:1.58;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--color-border)}.blog-card__stats{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.8125rem;color:var(--color-text-muted)}.blog-card__stat{display:inline-flex;align-items:center;gap:.35rem}.blog-card__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;color:var(--card-accent, var(--color-accent));transition:gap .25s ease}.blog-card:hover .blog-card__cta{gap:.55rem}.blog-card__cta svg{transition:transform .25s ease}.blog-card:hover .blog-card__cta svg{transform:translate(3px)}.blog-pagination{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:3rem;padding:.85rem 1rem;border-radius:1.15rem;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-surface) 82%,transparent);backdrop-filter:blur(8px)}.blog-pagination__btn{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;border-radius:.625rem;border:1px solid var(--color-border);font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;background:var(--color-bg-base);transition:all .2s ease}.blog-pagination__page{display:inline-flex;min-height:2.5rem;min-width:2.5rem;align-items:center;justify-content:center;padding:0 .85rem;border-radius:.625rem;border:1px solid transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.blog-pagination__btn:hover:not(.blog-pagination__btn--disabled){background:var(--color-bg-elevated);border-color:var(--color-border-strong)}.blog-pagination__page:hover:not(.blog-pagination__page--active){background:var(--color-bg-elevated);color:var(--color-text-primary)}.blog-pagination__page--active{border-color:transparent;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;font-weight:600;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--color-accent) 55%,transparent)}.blog-pagination__btn--disabled{opacity:.45;pointer-events:none}.blog-pagination__dots{color:var(--color-text-muted);padding:0 .5rem}.blog-tags{position:relative;z-index:1;margin-top:3.5rem;padding:2rem 1.25rem;border-radius:1.35rem;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-surface) 65%,transparent)}.blog-tags__title{margin-bottom:1.5rem;text-align:center;font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.blog-tags__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;line-height:1.4}.blog-tag{display:inline-flex;align-items:baseline;gap:.25rem;padding:.35rem .15rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.blog-tag:hover{color:var(--color-accent)}.blog-tag__hash{opacity:.55;font-weight:400}.blog-tag__count{font-size:.72em;opacity:.55;font-variant-numeric:tabular-nums}.blog-empty{position:relative;z-index:1;border:1px dashed var(--color-border);border-radius:1.35rem;padding:4rem 1.5rem;text-align:center}@media (prefers-reduced-motion: reduce){.blog-card:hover{transform:none}.blog-card:hover .blog-card__cta svg{transform:none}}