:root{
  --green:#163C37;
  --accent:#d9a86a;
  --text:#ffffff;
  --text-dark:#1a1a1a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;color:var(--text-dark);} body{padding-bottom:55px;}
a{color:inherit;text-decoration:none}
.container{
  width:1300px;
  max-width:100%;
  margin:0 auto;
  padding:0 16px;
}
/* Header */
.site-header{
  background:var(--green);
  height:86px;
  color:var(--text);
  display:flex;
  align-items:center;
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-text{line-height:1.05;font-weight:600}
.brand-text small{font-weight:400;opacity:.8}
/* Nav */
.main-nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.main-nav .menu>li>a{
  display:block;padding:10px 14px;border-radius:8px;transition:background .2s ease;color:#fff;
}
.main-nav .menu>li:hover>a{background:rgba(255,255,255,.08)}
.main-nav .menu>li.active>a, .main-nav .menu>li>a.active{background:var(--accent);color:#000}
/* Dropdown */
.has-dropdown{position:relative}
.has-dropdown .dropdown{
  position:absolute;top:calc(100% - 6px);left:0;min-width:220px;
  background:#fff;color:var(--text-dark);display:none;
  border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.15);
  padding:8px;margin-top:0;z-index:50;
}
.has-dropdown:hover .dropdown{display:block}
.dropdown li{list-style:none}
.dropdown a{display:block;padding:10px 12px;border-radius:8px;color:var(--text-dark)}
.dropdown a:hover{background:#f2f2f2}
/* Language switcher */
.lang-switch{display:flex;align-items:center;gap:10px}
.lang-switch a{opacity:.8;border-radius:6px;padding:4px}
.lang-switch a.current, .lang-switch a:hover{background:rgba(255,255,255,.1);opacity:1}
.lang-switch img{display:block;border-radius:2px}
/* Content */
.content{padding:40px 16px}
/* Footer */
.site-footer{
  height:55px;background:var(--accent);display:flex;align-items:center;color:#000;
  position:fixed;left:0;right:0;bottom:0;z-index:99;
}
.site-footer .container{display:flex;align-items:center;justify-content:center}
.site-footer p{margin:0;font-size:14px}
/* Responsive niceties */
@media (max-width:900px){
  .main-nav .menu{gap:8px}
  .brand-text{display:none}
}

/* Auth buttons (login/logout) */
.header-actions{display:flex;align-items:center;gap:10px}
.auth-btn{
  display:inline-block;padding:8px 12px;border-radius:8px;background:#ffffff1a;color:#fff;
  border:1px solid #ffffff26; font-size:14px;
}
.auth-btn:hover{background:#ffffff33}