/* =======================
   DataNet Plus - Site CSS
   ======================= */

:root {
  --bg:#0b1020;
  --ink:#e9eefb;
  --muted:#b8c1e7;
  --bar:#0e1428;
  --link:#5aa0ff;
  --max:900px;
  --brand:#5aa0ff;
  --brand2:#62e0c1;
  --radius:14px;
  --err:#ff7b7b;
}

/* Base */
* { box-sizing:border-box }
html,body { margin:0; padding:0 }
body {
  font-family:Inter,system-ui,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
}
a { color:var(--link); text-decoration:none }
a:hover { text-decoration:underline }
img { max-width:100%; height:auto; display:block }

/* Layout */
.wrap { max-width:var(--max); margin:auto; padding:40px 20px }
h1 { margin-top:0 }
h2 { margin-top:24px }
ul { margin:0 0 16px 20px }

/* Header with larger logo */
header {
  background:var(--bar);
  padding:16px;
  text-align:center;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand { display:inline-flex; align-items:center; justify-content:center }
.brand img {
  height:60px;          /* unified logo size */
  width:auto;
  border-radius:6px;
}

/* Footer */
footer {
  background:var(--bar);
  padding:16px;
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
}
footer a { color:inherit }

/* Utility */
.small { font-size:.95rem; color:var(--muted) }