.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 60% 50%,rgba(126,218,111,.08) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(0,212,255,.06) 0%,transparent 60%),linear-gradient(135deg,var(--clr-bg) 0%,var(--clr-bg-2) 100%)}.hero__grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(126,218,111,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(126,218,111,.04) 1px,transparent 1px);background-size:60px 60px}.hero__content{position:relative;z-index:1;max-width:700px}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--clr-primary);margin-bottom:var(--space-lg);padding:.4rem 1rem;border:1px solid rgba(126,218,111,.3);border-radius:var(--radius-full);background:#7eda6f14}.hero__title{margin-bottom:var(--space-lg);color:var(--clr-text)}.hero__title .highlight{color:var(--clr-primary);position:relative;display:inline-block}.hero__subtitle{font-size:1.15rem;color:var(--clr-text-muted);line-height:1.8;margin-bottom:var(--space-2xl);max-width:550px}.hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero__scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--clr-text-faint);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;animation:bounce 2s infinite}.hero__scroll-indicator:after{content:"";display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--clr-primary),transparent)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.stats-bar{background:var(--clr-bg-2);border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);padding:var(--space-xl) 0}.stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);text-align:center}.stat-item__value{font-family:var(--font-display);font-size:2.5rem;color:var(--clr-primary);line-height:1}.stat-item__label{font-size:.85rem;color:var(--clr-text-muted);margin-top:var(--space-xs)}.category-tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.category-tab{padding:.6rem 1.4rem;border-radius:var(--radius-full);background:var(--clr-card);border:1px solid var(--clr-border);font-size:.85rem;font-weight:600;color:var(--clr-text-muted);cursor:pointer;transition:all var(--transition);text-transform:capitalize}.category-tab:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.category-tab.active{background:var(--clr-primary);border-color:var(--clr-primary);color:#0a0e17}.section-header{margin-bottom:var(--space-2xl)}.section-header__tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--clr-primary);margin-bottom:var(--space-sm)}.section-header h2{color:var(--clr-text)}.section-header p{color:var(--clr-text-muted);max-width:500px;margin-top:var(--space-sm)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.posts-grid--featured{grid-template-columns:1.5fr 1fr;gap:var(--space-xl)}.posts-grid--featured .post-card:first-child{grid-row:span 2}.post-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.post-card:hover{border-color:var(--clr-border-hover);transform:translateY(-6px);box-shadow:var(--shadow-green)}.post-card__image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--clr-bg-2)}.post-card--featured .post-card__image{aspect-ratio:16/9}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.post-card:hover .post-card__image img{transform:scale(1.06)}.post-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--clr-bg-2),var(--clr-card))}.post-card__body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.post-card__meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.post-card__date,.post-card__read-time{font-size:.78rem;color:var(--clr-text-faint)}.post-card__read-time:before{content:"· "}.post-card__title{font-family:var(--font-body);font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:var(--space-sm);color:var(--clr-text);transition:color var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__title--large{font-size:1.35rem;-webkit-line-clamp:3}.post-card:hover .post-card__title{color:var(--clr-primary)}.post-card__excerpt{font-size:.88rem;color:var(--clr-text-muted);line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--clr-border);display:flex;align-items:center;justify-content:space-between}.post-card__author{display:flex;align-items:center;gap:var(--space-sm);font-size:.82rem;color:var(--clr-text-muted)}.post-card__author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#0a0e17;flex-shrink:0}.post-card__read-link{font-size:.82rem;font-weight:600;color:var(--clr-primary);display:flex;align-items:center;gap:.3rem;transition:gap var(--transition)}.post-card:hover .post-card__read-link{gap:.6rem}.newsletter{background:linear-gradient(135deg,#7eda6f14,#00d4ff0d);border:1px solid rgba(126,218,111,.15);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(126,218,111,.05) 0%,transparent 60%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.newsletter h2{margin-bottom:var(--space-sm)}.newsletter p{color:var(--clr-text-muted);margin-bottom:var(--space-xl)}.newsletter__form{display:flex;gap:var(--space-sm);max-width:480px;margin:0 auto;position:relative;z-index:1}.newsletter__form input{flex:1;padding:.85rem 1.4rem;background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-full);color:var(--clr-text);font-size:.95rem;outline:none;transition:border-color var(--transition)}.newsletter__form input:focus{border-color:var(--clr-primary)}.newsletter__form input::placeholder{color:var(--clr-text-faint)}.post-page{padding-top:100px}.post-header{text-align:center;max-width:800px;margin:0 auto var(--space-2xl)}.post-header__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.post-header__title{margin-bottom:var(--space-lg)}.post-header__excerpt{font-size:1.15rem;color:var(--clr-text-muted);line-height:1.8;margin-bottom:var(--space-xl)}.post-header__author-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-full);display:inline-flex;flex-wrap:wrap}.post-cover{width:100%;max-width:900px;margin:0 auto var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/7}.post-cover img{width:100%;height:100%;object-fit:cover}.post-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background:linear-gradient(135deg,var(--clr-bg-2),var(--clr-card))}.post-content{max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.85;color:var(--clr-text)}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-body);font-weight:700;margin:2rem 0 1rem;color:var(--clr-text)}.post-content h2{font-size:1.6rem;border-bottom:1px solid var(--clr-border);padding-bottom:.5rem}.post-content h3{font-size:1.3rem;color:var(--clr-primary)}.post-content p{margin-bottom:1.4rem;color:var(--clr-text-muted)}.post-content ul,.post-content ol{margin:1rem 0 1.4rem 1.5rem;color:var(--clr-text-muted)}.post-content li{margin-bottom:.5rem}.post-content strong{color:var(--clr-text);font-weight:700}.post-content a{color:var(--clr-primary);text-decoration:underline;text-underline-offset:3px}.post-content blockquote{border-left:4px solid var(--clr-primary);padding:var(--space-md) var(--space-lg);background:#7eda6f0f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0;color:var(--clr-text);font-style:italic}.post-content img{width:100%;border-radius:var(--radius-md);margin:1.5rem 0}.post-content code{background:var(--clr-card);padding:.2em .5em;border-radius:4px;font-size:.9em;color:var(--clr-secondary)}.post-content pre{background:var(--clr-card);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--clr-border)}.post-footer{max-width:720px;margin:var(--space-2xl) auto 0;padding-top:var(--space-xl);border-top:1px solid var(--clr-border)}.post-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-lg)}.post-tag{padding:.3rem .8rem;background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--clr-text-muted);transition:all var(--transition)}.post-tag:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.category-page{padding-top:120px}.category-hero{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl) 0}.category-hero__icon{font-size:4rem;margin-bottom:var(--space-md)}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}.posts-grid--featured{grid-template-columns:1fr}.posts-grid--featured .post-card:first-child{grid-row:unset}.stats-bar__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.posts-grid{grid-template-columns:1fr}.hero__actions{flex-direction:column}.newsletter{padding:var(--space-xl)}.newsletter__form{flex-direction:column}.stats-bar__grid{grid-template-columns:repeat(2,1fr)}}