body {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.navbar {
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  border-radius: 0 0 1.5rem 1.5rem;
  padding: 0;
  min-height: 86px;
}

.navbar-brand { display: flex; align-items: center; height: 100%; }
.navbar-brand img { height: 72px !important; width: auto !important; object-fit: contain; }

.langbar { border-radius: 50%; border: 2px solid #e0e7ef; transition: box-shadow 0.2s; }
.langbar:hover { box-shadow: 0 0 8px #b6c6e3; }

.hero-section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 2.2rem 0 1.2rem 0; margin-bottom: 1.2rem; text-align: center; }
.hero-title { font-size: 2.0rem; font-weight: 700; margin-bottom: 0.5rem; letter-spacing: 0.5px; }
.hero-desc { font-size: 1.05rem; color: #e0e7ef; }

.main-container { min-height: 60vh; padding-top: 2rem; padding-bottom: 2rem; }