body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0;background:#fff;color:#111}
.header{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #eee}
.header img{height:36px}
.container{max-width:880px;margin:0 auto;padding:18px}
.card{border:1px solid #e5e5e5;border-radius:12px;padding:18px;margin:14px 0;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;border:1px solid #111;text-decoration:none;color:#111;background:#fafafa;cursor:pointer}
.btn.primary{background:#111;color:#fff}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}
.label{font-weight:600;margin:8px 0 4px}
input,select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}
small{color:#666}
.footer{padding:18px;border-top:1px solid #eee;text-align:center;color:#666}
.notice{background:#f4f8ff;border:1px solid #cfe3ff;padding:10px;border-radius:8px}
ul{padding-left:20px}
.kstaff{margin-top:16px;font-size:14px;text-align:center}
.kstaff a{color:#666}

/* ===== KIBYTES branding header ===== */
.header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}
.header img.logo {
  height: 84px; /* mobile/tablet */
  width: auto;
}
.site-title {
  margin: 0;
  font-weight: 800;
  line-height: 1.2;
  font-size: clamp(1.2rem, 2.4vw, 1.6rem);
}
.subtitle {
  margin-top: 4px;
  color: #666;
  font-size: 0.95rem;
}
@media (min-width: 768px) {
  .header img.logo { height: 100px; }  /* desktop */
  .site-title { font-size: 1.75rem; }
}

/* === KIBYTES header tweaks (bigger logo, centered) === */
.header {
  display: flex;
  align-items: center;
  justify-content: center;   /* center the whole header block */
  text-align: center;        /* center the text next to the logo */
  gap: 18px;
}

/* Bigger logo */
.header img.logo {
  height: 120px;             /* mobile/tablet */
  width: auto;
}

.site-title {
  margin: 0;
  font-weight: 800;
  line-height: 1.2;
  font-size: clamp(1.4rem, 3vw, 2rem); /* slightly larger */
}

/* The page title under the header */
.page-title {
  text-align: center;
  font-weight: 700;
  margin: 12px 0 6px;
  font-size: clamp(1.5rem, 3.6vw, 2.2rem);
}

@media (min-width: 768px) {
  .header img.logo { height: 150px; }  /* desktop size */
  .site-title { font-size: 2.2rem; }
}

/* --- Bigger KIBYTES logo (override) --- */
.header img.logo { height: 140px; }         /* phones/tablets */
@media (min-width: 768px) {
  .header img.logo { height: 180px; }       /* desktops */
}