/* css/blog.css */
.page-hero { background:linear-gradient(135deg,#12101e 0%,#2a1858 100%); padding:4.5rem 0 3.5rem; position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 70% 50%, rgba(127,84,179,.18) 0%, transparent 60%); }
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { color:#fff; margin-bottom:.75rem; }
.page-hero h1 em { font-style:normal; color:#c4a8e8; }
.page-hero p { color:rgba(255,255,255,.6); max-width:540px; font-size:1.05rem; }

.blog-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; max-width:800px; margin:0 auto; }
.blog-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius-xl); overflow:hidden; display:flex; gap:0; flex-direction:column; transition:all var(--transition); }
.blog-card:hover { border-color:var(--woo-mid); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.blog-thumb { height:120px; display:flex; align-items:center; justify-content:center; font-size:3rem; background:var(--light); }
.blog-info { padding:1.5rem; }
.blog-meta-row { display:flex; align-items:center; gap:.5rem; margin-bottom:.75rem; flex-wrap:wrap; }
.blog-cat  { background:var(--woo-light); color:var(--woo-dark); font-size:.7rem; font-weight:700; padding:3px 9px; border-radius:20px; text-transform:uppercase; letter-spacing:.06em; }
.blog-date { font-size:.78rem; color:var(--muted); }
.blog-read { font-size:.78rem; color:var(--muted); }
.blog-title { font-size:1.1rem; margin-bottom:.5rem; }
.blog-title a { color:var(--dark); transition:color var(--transition); }
.blog-title a:hover { color:var(--woo); }
.blog-excerpt { font-size:.875rem; line-height:1.65; margin-bottom:1rem; }
.blog-link { font-size:.875rem; font-weight:600; color:var(--woo); transition:gap .2s; display:inline-flex; align-items:center; gap:.3rem; }
.blog-link:hover { gap:.6rem; }

.newsletter-strip { background:var(--dark); padding:3.5rem 0; }
.newsletter-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
.newsletter-inner h3 { color:#fff; font-size:1.2rem; margin-bottom:.4rem; }
.newsletter-inner p  { color:rgba(255,255,255,.5); font-size:.875rem; }
.newsletter-form { display:flex; gap:.75rem; flex-wrap:wrap; }
.newsletter-form input { padding:.8rem 1rem; border:1.5px solid rgba(255,255,255,.15); border-radius:var(--radius-sm); background:rgba(255,255,255,.06); color:#fff; font-family:var(--font-body); font-size:.95rem; min-width:260px; outline:none; transition:border-color .2s; }
.newsletter-form input:focus { border-color:var(--woo-mid); }
.newsletter-form input::placeholder { color:rgba(255,255,255,.3); }

@media(max-width:600px) { .newsletter-inner { flex-direction:column; align-items:flex-start; } .newsletter-form input { min-width:100%; } }