*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#162033}
header{background:#071427;color:#fff;padding:22px 6%;display:flex;justify-content:space-between;align-items:center}
.logo strong{font-size:26px;letter-spacing:1px}
.logo span{display:block;font-size:13px;color:#9fb9e8;margin-top:4px}
nav a{color:#dce8ff;text-decoration:none;margin-left:24px;font-size:14px}
.hero{background:linear-gradient(135deg,#071427,#113b67);color:white;padding:76px 6%}
.hero h1{font-size:48px;max-width:980px;line-height:1.08;margin-bottom:20px}
.hero p{max-width:820px;color:#d8e5f8;font-size:18px;line-height:1.55}
.search-wrap{margin-top:32px;max-width:900px;position:relative}
.search-box{display:flex;background:white;border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.search-box input{flex:1;border:0;outline:none;padding:16px;font-size:16px}
.search-box button{border:0;background:#3b7cff;color:white;border-radius:14px;padding:0 24px;font-weight:800}
.suggestions{position:absolute;top:74px;left:0;right:0;background:white;color:#172033;border-radius:18px;box-shadow:0 18px 45px rgba(10,25,50,.18);overflow:hidden;display:none;z-index:10}
.suggestion{padding:16px 18px;border-bottom:1px solid #e6edf5;cursor:pointer}
.suggestion:hover{background:#f1f6ff}
.suggestion strong{display:block;font-size:15px}
.suggestion span{display:block;margin-top:4px;color:#66758d;font-size:13px}
.section{padding:54px 6%}
.section-title h2{font-size:32px;margin-bottom:8px}
.section-title p{color:#637086;line-height:1.55;max-width:850px}
.results{margin-top:24px;display:grid;gap:16px}
.result,.card{background:white;border-radius:20px;padding:22px;border:1px solid #e6edf5;box-shadow:0 12px 30px rgba(13,35,70,.06)}
.tag{display:inline-block;background:#eef4ff;color:#245ed8;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:10px}
.result h3{font-size:21px;margin-bottom:8px}
.meta{color:#66758d;font-size:14px;margin-bottom:10px}
.result p,.card p{color:#3e4b60;line-height:1.5;margin-bottom:14px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.actions a,.actions button,.btn{border:0;background:#eef3fb;color:#22314c;padding:10px 13px;border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.actions .dark,.btn-primary{background:#071427;color:white}
.empty{background:white;border-radius:18px;padding:22px;color:#66758d;border:1px dashed #b8c7dc}
footer{background:#071427;color:#b9c9e8;padding:30px 6%;text-align:center;font-size:14px}
.admin-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:18px;margin-top:22px}
.card.full{margin-top:22px}
label{display:block;margin-top:14px;margin-bottom:7px;font-weight:700;color:#26344c}
input[type=text],input[type=file]{width:100%;padding:13px;border:1px solid #d8e1ee;border-radius:12px;background:#fff}
button.btn{margin-top:18px}
.codebox{background:#071427;color:#dce8ff;padding:14px;border-radius:12px;line-height:1.5;margin:12px 0;word-break:break-word}
.small{font-size:14px;color:#66758d}
.big-number{font-size:44px;font-weight:900;color:#123a63;margin:10px 0}
.table-wrap{overflow:auto;margin-top:16px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{background:#071427;color:white;text-align:left;padding:12px}
td{border-bottom:1px solid #e6edf5;padding:12px;color:#344154}
@media(max-width:960px){
nav{display:none}
.hero h1{font-size:34px}
.search-box{flex-direction:column;gap:10px}
.search-box button{padding:15px}
.suggestions{top:132px}
.admin-grid{grid-template-columns:1fr}
}

.site-header {
  background: #071427;
  min-height: 92px;
  padding: 18px 6%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.site-brand img {
  height: 54px;
  width: auto;
  display: block;
}

.site-nav {
  display: flex;
  gap: 10px;
  align-items: center;
}

.site-nav a {
  color: #dce8ff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 14px;
  border-radius: 999px;
}

.site-nav a:hover {
  background: rgba(255,255,255,0.10);
  color: #ffffff;
}

@media(max-width: 800px) {
  .site-header {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .site-brand img {
    height: 46px;
  }

  .site-nav {
    width: 100%;
    flex-wrap: wrap;
  }

  .site-nav a {
    font-size: 12px;
    padding: 8px 10px;
  }
}