.hero{padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,6vw,6rem) clamp(1.5rem,4vw,2rem)}.hero__badge{text-transform:uppercase;letter-spacing:.18em;color:var(--text-faintest);margin-bottom:.75rem;font-size:.7rem;font-weight:500;display:block}.hero h1{color:#fff;margin-bottom:.6rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1}.hero h1 span{background:var(--grad);-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-muted);max-width:540px;font-size:1.05rem;line-height:1.6}.tag-bar{flex-wrap:wrap;gap:.5rem;padding:0 clamp(1.25rem,6vw,6rem) 1.5rem;display:flex}.tag-btn{border:1px solid var(--border);color:var(--text-faint);border-radius:var(--radius-btn);cursor:pointer;font-size:.8rem;font-family:var(--font);background:0 0;padding:.3rem .85rem;transition:all .15s}.tag-btn:hover,.tag-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#00d4ff0f}.posts-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:1.35rem;padding:0 clamp(1.25rem,6vw,6rem) clamp(2rem,4vw,3rem);display:grid}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.post-card:hover{border-color:#00d4ff59;transform:translateY(-3px)}.post-card__cover-wrap{overflow:hidden}.post-card__cover{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .4s;display:block}.post-card:hover .post-card__cover{transform:scale(1.04)}.post-card__cover-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#0c0c24 0%,#10102e 100%);justify-content:center;align-items:center;width:100%;display:flex}.post-card__cover-placeholder svg{opacity:.15}.post-card__body{flex-direction:column;flex:1;gap:.55rem;padding:1.4rem 1.5rem 1.6rem;display:flex}.post-card__tags{flex-wrap:wrap;gap:.35rem;display:flex}.post-card__tag{color:var(--accent-lavender);border-radius:var(--radius-btn);text-transform:uppercase;letter-spacing:.04em;background:#a855f71a;border:1px solid #a855f733;padding:.15rem .6rem;font-size:.75rem}.post-card__title{color:#fff;font-size:1.05rem;font-weight:600;line-height:1.35}.post-card__excerpt{color:var(--text-muted);flex:1;font-size:.88rem;line-height:1.55}.post-card__meta{color:var(--text-faintest);justify-content:space-between;margin-top:.2rem;font-size:.82rem;display:flex}.pagination{justify-content:center;gap:.5rem;padding:0 clamp(1.25rem,6vw,6rem) clamp(2rem,4vw,3rem);display:flex}.page-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-faint);cursor:pointer;font-size:.85rem;font-family:var(--font);border-radius:8px;padding:.4rem .9rem;transition:all .15s}.page-btn:hover,.page-btn.active{border-color:var(--accent-blue);color:var(--accent-blue)}.page-btn:disabled{opacity:.3;cursor:default}.newsletter{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);background-image:radial-gradient(55% 90% at 100%,#00d4ff12,#0000);margin:clamp(1.5rem,4vw,3rem) clamp(1.25rem,6vw,6rem);padding:clamp(1.75rem,3.5vw,2.25rem) clamp(1.5rem,4vw,2.5rem)}.newsletter-inner{flex-wrap:wrap;align-items:center;gap:2.5rem;display:flex}.newsletter-copy{flex:1;min-width:200px}.newsletter-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-blue);margin-bottom:.5rem;font-size:.68rem;display:inline-block}.newsletter-headline{color:#fff;margin:0 0 .3rem;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:700;line-height:1.25}.newsletter-headline span{background:var(--grad);-webkit-text-fill-color:transparent;background-clip:text}.newsletter-sub{color:var(--text-muted);margin:0;font-size:.86rem}.newsletter-cta{flex:none;min-width:260px}.newsletter-form{gap:.5rem;display:flex}.newsletter-input{border:1px solid var(--border);border-radius:var(--radius-btn);min-width:0;color:var(--text);font-size:.9rem;font-family:var(--font);background:#ffffff0a;outline:none;flex:1;padding:.65rem 1rem;transition:border-color .2s}.newsletter-input:focus{border-color:var(--accent-purple)}.newsletter-input::placeholder{color:var(--text-faintest)}.newsletter-submit{background:var(--grad);border-radius:var(--radius-btn);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;min-height:44px;padding:.65rem 1.25rem;transition:opacity .2s}.newsletter-submit:hover{opacity:.85}.newsletter-submit:disabled{opacity:.5;cursor:default}.newsletter-msg{min-height:1.1em;margin-top:.55rem;font-size:.82rem}.newsletter-msg.ok{color:#45ffaa}.newsletter-msg.err{color:#ff7070}@media (width<=580px){.newsletter-form{flex-direction:column}.newsletter-submit{width:100%}.newsletter-cta{width:100%;min-width:0}}@media (width<=600px){.posts-grid{grid-template-columns:1fr}}