body { font-family: sans-serif; padding: 20px; }
        .skip { position: absolute; left: -999px; }
        .skip:focus { left: 8px; top: 8px; }
        .staff-bar { display: flex; justify-content: space-between; gap: 12px; padding: 8px 16px; background: #111; color: #fff; }
        .staff-actions { display: flex; gap: 12px; align-items: center; }
        .staff-bar form { margin: 0; background: none; padding: 0; max-width: none; }
        .staff-bar button { background: transparent; color: #fff; border: 1px solid #666; padding: 4px 8px; cursor: pointer; }
        .site-header { border-bottom: 1px solid #ddd; padding: 12px 16px; }
        .header-inner { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
        .brand { display: flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; font-weight: bold; }
        .brand img { height: 36px; }
        .nav { display: flex; gap: 12px; }
        .nav-toggle { display: none; }
        .wrap { max-width: 960px; margin: 0 auto; }
        form { max-width: 360px; background: #f9f9f9; padding: 20px; border-radius: 8px; }
        label { display: block; margin-top: 10px; font-weight: bold; }
        input[type="text"], input[type="password"], input[type="email"] {
            width: 100%; padding: 8px; margin-top: 5px; box-sizing: border-box;
        }
        .btn { display: inline-block; margin-top: 16px; padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; width: 100%; box-sizing: border-box; font-size: 1em; }
        .btn-google { background: #fff; color: #1f1f1f; border: 1px solid #dadce0; }
        .btn-google:hover { background: #f7f8f8; }
        .error { color: #b00020; margin-top: 12px; }
        .divider { max-width: 360px; text-align: center; margin: 18px 0; color: #666; }
        .messages { max-width: 360px; }