* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, sans-serif; background: #f5f5f5; display: flex; flex-direction: column; min-height: 100vh; }
.navbar { background: #1e293b; padding: 0.75rem 2rem; display: flex; align-items: center; justify-content: space-between; }
.navbar-logo { height: 36px; }
.navbar-right { display: flex; align-items: center; gap: 1rem; }
.navbar-admin { padding: 0.4rem 1rem; border: 1px solid rgba(255,255,255,0.4); border-radius: 4px; color: white; font-size: 0.875rem; text-decoration: none; }
.navbar-admin:hover { background: rgba(255,255,255,0.1); }
.lang-switcher { display: flex; gap: 0.25rem; }
.lang-btn { padding: 0.25rem 0.5rem; background: none; border: 1px solid rgba(255,255,255,0.3); border-radius: 4px; color: rgba(255,255,255,0.7); font-size: 0.75rem; cursor: pointer; }
.lang-btn:hover { border-color: rgba(255,255,255,0.7); color: white; }
.lang-btn.lang-active { background: rgba(255,255,255,0.2); border-color: white; color: white; font-weight: 600; }
.card-wrap { flex: 1; display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; }
.card { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 100%; max-width: 360px; }
h1 { margin-bottom: 1.5rem; font-size: 1.25rem; color: #333; }
label { display: block; margin-bottom: 0.5rem; font-size: 0.875rem; color: #555; }
input { width: 100%; padding: 0.625rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; margin-bottom: 1rem; }
input:focus { outline: none; border-color: #2563eb; }
.card button { width: 100%; padding: 0.75rem; background: #2563eb; color: white; border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; }
.card button:hover { background: #1d4ed8; }
.error { color: #dc2626; font-size: 0.875rem; margin-top: 0.75rem; display: none; }
.goog-te-banner-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
#google_translate_element .goog-te-gadget { height: 0; overflow: hidden; font-size: 0; }
body, body.translated-ltr, body.translated-rtl { top: 0 !important; margin-top: 0 !important; }

@media (max-width: 480px) {
    .navbar { padding: 0.625rem 1rem; }
    .navbar-right { gap: 0.5rem; }
    .card { padding: 1.5rem 1.25rem; }
}