body, html { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #18191a; overflow: hidden; }
.hidden { display: none !important; }
.overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.85); display: flex; justify-content: center; align-items: center; z-index: 1000; backdrop-filter: blur(5px); }
.login-box { background: #ffffff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); text-align: center; width: 360px; max-width: 90%; color: #1c1e21; }
.login-box h2 { font-size: 20px; margin-bottom: 10px; font-weight: 600; }
.login-box p { font-size: 14px; color: #606770; margin-bottom: 20px; }
.login-box input { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ccd0d5; border-radius: 6px; box-sizing: border-box; background: #f5f6f7; cursor: not-allowed; }
.fb-btn { background: #1877f2; color: white; border: none; padding: 12px 20px; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; width: 100%; transition: background 0.2s; }
.fb-btn:hover { background: #166fe5; }
.fb-logo { color: #1877f2; font-size: 28px; font-weight: bold; margin-bottom: 20px; letter-spacing: -1px; }
.error { color: #dc3545; font-size: 13px; margin-top: 10px; }