body { margin:0; padding:0; }
.top-nav { width:100%; height:70px; background:#ffffff; box-shadow:0 2px 10px rgba(0,0,0,0.05); position:sticky; top:0; z-index:1000; }
.nav-wrap { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:100%; }
.logo { font-size:22px; font-weight:bold; color:#1E40AF; text-decoration:none; white-space:nowrap; }
.nav-menu { display:flex; gap:4px; align-items:center; list-style:none; margin:0; padding:0; }
.nav-menu li { height:70px; display:flex; align-items:center; }
.nav-menu a { padding:0 12px; color:#1F2937; font-size:14px; font-weight:500; text-decoration:none; white-space:nowrap; transition:color 0.2s; }
.nav-menu a:hover { color:#F97316; }
.btn-back { background:#1E40AF; color:white!important; padding:8px 18px; border-radius:20px; font-size:13px; text-decoration:none; }
.btn-back:hover { background:#1e3a8a; }
@media (max-width:768px) { .nav-wrap { flex-direction:column; gap:10px; height:auto; padding:10px 20px; } .nav-menu { flex-wrap:wrap; justify-content:center; } .nav-menu li { height:auto; } .nav-menu a { padding:8px 10px; font-size:13px; } }