/*
Theme Name: Tech Blog Pro
Author: Your Name
Description: WordPress Tech Theme – Clean, Fast, Developer Friendly
Version: 1.0
*/

/* RESET */
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',Arial,sans-serif;background:#0f172a;color:#e5e7eb;line-height:1.7}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
ul{list-style:none;padding:0;margin:0}

/* LAYOUT */
.container{max-width:1200px;margin:auto;padding:0 16px}

/* HEADER */
.site-header{
  background:#020617;
  border-bottom:1px solid #1e293b;
}
.logo{font-size:22px;font-weight:700;color:#38bdf8}

/* HERO */
.hero{
  padding:70px 0;
  background:radial-gradient(circle at top,#1e293b,#020617);
}
.hero h1{font-size:36px;color:#fff}
.hero p{color:#94a3b8}

/* POSTS GRID */
.posts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:24px;
  padding:50px 0;
}
.post-card{
  background:#020617;
  border:1px solid #1e293b;
  border-radius:12px;
  overflow:hidden;
  transition:.25s;
}
.post-card:hover{
  transform:translateY(-6px);
  border-color:#38bdf8;
}
.post-card h3{
  padding:16px;
  font-size:18px;
  color:#e5e7eb;
}

/* SINGLE */
.single-wrap{padding:50px 0}
.single-content{
  background:#020617;
  border:1px solid #1e293b;
  border-radius:16px;
  padding:32px;
}
.single-content h1{color:#fff}

/* FOOTER */
.site-footer{
  padding:30px 0;
  background:#020617;
  border-top:1px solid #1e293b;
  text-align:center;
  color:#64748b;
}

/* MOBILE */
@media(max-width:768px){
  .hero h1{font-size:28px}
}