body { background:#0b0f19; color:white; font-family:Arial; margin:0; }
.navbar { display:flex; justify-content:space-between; padding:15px; background:#111827; }
.logo { width:40px; }
.brand { font-size:22px; margin-left:8px; color:#4ade80; }
.links a { margin-left:15px; color:#a5f3fc; text-decoration:none; }
.hero { padding:80px 20px; text-align:center; background:linear-gradient(135deg,#00f3ff,#0088ff,#6a00ff); }
.news-grid, .tool-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; padding:20px; }
.news-card, .tool-card { background:#1f2937; padding:20px; border-radius:12px; box-shadow:0 0 12px #00eaff55; }
.page-title { text-align:center; padding:20px; }
.tool-block { background:#111827; margin:20px; padding:20px; border-radius:12px; }
.result-row { margin:10px; padding:10px; background:#1f2937; border-radius:8px; }
.about-box { margin:20px; padding:20px; background:#1f2937; border-radius:10px; }