.topbar{height:78px;padding:0 clamp(24px,5vw,72px);border-color:rgba(155,185,255,.13);background:rgba(5,8,23,.84);box-shadow:0 10px 40px rgba(0,0,0,.12);backdrop-filter:blur(28px) saturate(140%)}
.brand{gap:12px}
.brand img{width:38px;height:38px;border-radius:11px}
.nav{gap:38px}
.nav a{font-size:13px;font-weight:500}
.round-button{width:44px;height:44px;background:rgba(255,255,255,.035)}
.language-switcher{display:flex;align-items:center;margin:0 18px 0 12px}
.language-switcher select{width:44px;height:30px;padding:0 4px;border:1px solid rgba(137,180,255,.18);border-radius:8px;background:rgba(10,24,55,.42);color:rgba(223,231,255,.72);font-family:var(--mono);font-size:9px;letter-spacing:.7px;cursor:pointer}
.language-switcher select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
footer{min-height:112px;flex-direction:row;gap:0;padding:0 clamp(24px,5vw,72px);background:rgba(5,10,27,.58);border-color:rgba(155,185,255,.12)}
.footer-identity{display:flex;align-items:center;gap:12px}
.footer-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:0 0 24px rgba(32,221,255,.2)}
.footer-name{color:var(--white);font-size:15px;font-weight:700;letter-spacing:3px}
.copyright{margin:0 0 0 auto!important;color:#8996b5!important;font-family:var(--mono);font-size:10px;letter-spacing:.3px}
@media(max-width:760px){
  .topbar{height:70px;padding:0 18px}
  .brand span{font-size:12px;letter-spacing:2px}
  .nav{gap:16px;margin-right:14px}
  .language-switcher{margin:0 12px 0 8px}
  .footer-identity{gap:11px}
  .footer-name{font-size:12px;letter-spacing:2px}
  .copyright{font-size:9px}
}
@media(max-width:620px){
  .brand{font-size:12px;letter-spacing:2px}
  .brand img{width:32px;height:32px}
  .nav{gap:13px;margin-right:12px}
  .nav a:first-child{display:none}
  .round-button{width:36px;height:36px}
  footer{align-items:flex-start;flex-direction:column;gap:14px}
  footer p{margin:0}
}